day01

A今天我学到了什么

HTML和CSS的含义

1.html的含义

网页是由一个个html标签组成的

2.css的含义

css样式负责修饰html标签

3.常用html标签

p:段落标签

h1-h6：标题标签

ul和li：列表标签（嵌套关系）

dl和dt   dd:定义列表标签（dt和dd是同级.dt定义     dd详细介绍）

img：图片标签

input:输入框

a:超链接

button:按钮

div:盒子标签

4.常用的css样式

color:设置文字的颜色

width:设置一个元素的宽度

height:设置一个元素的高度

background-color:设置背景颜色

background-image:设置一个元素的背景图片

line-height:设置文字的行高

text-align:设置文字对其的方式

border-width:边框的宽度

border-style:边框的样式

border-color:边框的颜色

p:hover{color:blue}当鼠标移动到元素上时可以改变元素的css样式

选择器：class.id.hover

元素居中margin-left:auto;margin-right:auto 仅仅对块元素有效

*{margin:0;padding:0}(清除默认的样式)

B今天我掌握了什么

HTML和CSS的含义

1.html的含义

网页是由一个个html标签组成的

2.css的含义

css样式负责修饰html标签

3.常用html标签

p:段落标签

h1-h6：标题标签

ul和li：列表标签（嵌套关系）

dl和dt   dd:定义列表标签（dt和dd是同级.dt定义     dd详细介绍）

img：图片标签

input:输入框

a:超链接

button:按钮

div:盒子标签

4.常用的css样式

color:设置文字的颜色

width:设置一个元素的宽度

height:设置一个元素的高度

background-color:设置背景颜色

background-image:设置一个元素的背景图片

line-height:设置文字的行高

text-align:设置文字对其的方式

border-width:边框的宽度

border-style:边框的样式

border-color:边框的颜色

p:hover{color:blue}当鼠标移动到元素上时可以改变元素的css样式

元素居中margin-left:auto;margin-right:auto 仅仅对块元素有效

选择器：class（.AA）.id（#xx）.hover(AA:hover).p

*{margin:0;padding:0}(清除默认的样式)

无

最后编辑于：2017.12.10 02:58:16

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。