HTML笔记_第五章 常用的属性

第五章 常用的属性

一、文本和文本属性

文本大小：font-size

文本粗细：font-weight

文本样式：font-family

文本颜色：color

行高：line-height：值：像素px 如果整个标签只用一行内容，设置行高等与高度时，文字将在标签中垂直，垂中。

字距 letter-spancing值：像素px

文字划线修饰符：text_decoration 值：none 没有 underline 下划线，line-through 中划线

二、盒子模型1

1.定义：

​ html中任何标签其实都是一个盒子模型

2.盒子模型由4个部分组成

实际宽度：width+边框：border+内边距：padding+外边框：margin

3.width是由我们标签中内容的实际宽度

border 边框：是标签的边界

padding   内边框：内容与边框之间的距离

margin 外边框：边框与另一个标签边框的距离

4.基本所有的标签都会自带一定像素的外边距，内边框，会对我们的开发造成影响，建议在开发的时候直接清空

*{
padding:0px;
margin:0px;
}

5.外边框margin margin：0px auto;居中

margin其实可以控制上下左右4个方面的外边框

margin属性具有4种取值方式：

​ a、margin：值1；将当前标签上下左右4个方向的外边距设置为值1。

​ b、margin：值1 值2；上下：值1，左右：值2。

​ c、margin：值1 值2 值3；上：值1，左右：值2，下：值3。

​ d、margin：上左下右； 以顺时针的方向进行设置

6.padding 同上

7.border 边框

border-width 边框宽度 值：像素px

border-style 边框样式 值：solid 实线 dotted：虚点线：dashed：虚段线

border-coloer 边框颜色 值：关键字 16进制 rgb

border 边框：1px solid red;

​ 宽度 样式 颜色

border-radius: 边框圆角 值：像素

8.其他选择器

a.通配选择器：

*{属性：值：}匹配当前所有标签，设置对应样式，一般常用来设置所有标签的内外边距清零的工作

		*{

​			margin:0px;

​			padding:0px;

​			}

​ 此选择器会严重影响页面的加载速度。

b.并集选择器：

选择器1，选择器2……{属性：值}

将选择器1和选择器2所控制的标签设置为共同样式

c.交集选择器

选择器1选择器2{属性：值}将选择器1和选择器2共同控制的标签设置为相应的样式

d.后代选择器 选择器1  选择器2{属性：值}

找到一个叫做选择器1中一个叫做选择器2所控制的标签

e.伪类选择器

选择器：hover{属性：值}当鼠标移入某个标签之上就加载对应属性