3月20日css属性知识点梳理

1:选择符的权重
2：css层叠的特性
3：css属性：
font-size:;
color:;
属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性
属性值：属性值包括法定属性值及常见的数值加单位，如25px，或颜色值等。
文本属性

1:文本大小 font-size
1） 属性值为数值型时，必须给属性值加单位，属性值为0时除外。
2）单位还可以是pt，9pt=12px;
3）为了减小系统间的字体显示差异，IE Netscape Mozilla的浏览器制作商于1999年召开会议，共同确定16px/ppi为标准字体大小默认值,即1em.默认情况下，1em=16px,0.75em=12px; rem
4）使用绝对大小关键字
xx-small =9px
x-small =11px
small =13px
medium =16px
large =19px
x-large =23px
xx-large =27px
2:文本颜色 color
用十六进制(是计算机中数据的一种表示方法)表示颜色值：
0 1 2 3 4 5 6 7 8 9
0 1 2 3 4 5 6 7 8 9 A B C D E F
颜色模式：光色模式
R G B
FF 00 00
颜色值的缩写：
当表示三原色的三组数字同时相同时，可以缩写为三位;
当用十六进制表示颜色值时，需要在颜色值前加“#”
# fa 00 00
3:文本类型 font-family:字体1，字体2，字体3…
浏览器首先会寻找字体1、如存在就使用改字体来显示内容，如在字体1不存在的情况下，则会寻找字体2，如字体2也不存在，按字体3显示内容，如果字体3 也不存在；则按系统默认字体显示；
当字体是中文字体时，需加双引号；
当英文字体中有空格时，需加双引号如（“Times New Roman”）
当英文字体只有一个单词组成是不加双引号；如：（Arial）；
Windows中文版本操作系统下，中文默认字体为宋体或者新宋体，英文字体默认为Arial.
4:文字加粗font-weight:bolder(更粗的)/bold（加粗）/normal（常规）/100—900;
在css规范中，把字体的粗细分为9个等级，分别为100——900，其中100对应最轻的字体变形，而900对应最重的字体变形，
100-400 一般 500常规字体 600-900加粗字体
5:font-style：italic/oblique/normal（取消倾斜，常规显示）;
italic和oblique都是向右倾斜的文字, 但区别在于Italic是指斜体字，而Oblique是倾斜的文字，对于没有斜体的字体应该使用Oblique属性值来实现倾斜的文字效果.
7:文字行高 {line-height:normal/value;}
当单行文本的行高等于容器高时，可实现单行文本在容器中垂直方向居中对齐；
当单行文本的行高小于容器高时，可实现单行文本在容器中垂直中齐以上；
当单行文本的行高大于容器高时，可实现单行文本在容器中垂直中齐以下（IE6及以下版本存在浏览器兼容问题）
*文字属性简写：font:12px/24px “宋体”;
font属性的简写：字号，行高，字体
font-size:12px; line-height:24px; font-family:”宋体”；
font属性的简写：
说明:font的属性值应按以下次序书写(各个属性之间用空格隔开)
顺序: font-style font-weight font-size / line-height font-family
注意：

(1)简写时 , font-size和line-height只能通过斜杠/组成一个值，不能分开写。
(2) 顺序不能改变 ,这种简写法只有在同时指定font-size和font-family属性时才起作用,而且,你没有设定font-weight , font-style , 他们会使用缺省值（默认值）。
8：水平对齐方式
text-align:left/right/center/justify（两端对齐中文不起作用）
9:文本修饰
text-decoration:
说明：
none:没有修饰
underline:添加下划线
overline:添加上划线
line-through:添加删除线
10:首行缩进，
1）tex-indent可以取负值；
2）text-indent属性只对第一行起作用。
11:字间距、词间距
字间距{letter-spacing:value;}控制英文字母或汉字的字距。

词间距{word-spacing:value;}控制英文单词词距
12:控制文本大小写
text-transform:
属性值：
uppercase 大写
lowercase 小写
capitalize 每个单词的首字母大写

浮动！ 属性：float
属性值： left 向左
right 向右
none 不浮动
特点：a.添加浮动之后元素是不占空间的。
b.如果让多个元素横向排列，说有的元素都必须添加浮动。
c.如果子元素添加浮动，宽度大于父元素的时候，后面的元素被挤到下一行。
通过这几天的不断学习，逐渐掌握了css的语法，属性包含，文本大小 font-size，文本颜色 color，文本类型 font，
文字加粗font-weight:bolde，font-style：italic/oblique/normal（取消倾斜，常规显示）;文字行高 {line-height:normal/value;}，
水平对齐方式 text-align:left/right/center/justify（两端对齐中文不起作用），文本修饰text-decoration:none:没有修饰，underline:添加下划线，overline:添加上划线，line-through:添加删除线，首行缩进，tex-indent可以取负值；text-indent属性只对第一行起作用。字间距、词间距，字间距{letter-spacing:value;}控制英文字母或汉字的字距，词间距{word-spacing:value;}控制英文单词词距。控制文本大小写ext-transform: uppercase 大写， lowercase 小写，capitalize 每个单词的首字母大写。
浮动属性：float left 向左， right 向右，none 不浮动。内容比较多，感觉也能听懂，但是思维逻辑跟不上，也不知道能不能学会这一行，心理也是有一点担忧。只能硬着头皮学下去，因为我想要改变以后的生活，不得不砥砺前行。

• 点赞
• 收藏
• 分享
• 文章举报