这是我参与「第四届青训营 」笔记创作活动的第5天 今天是学CSS的第二天对CSS有基础的认识
2、选择器
(1)标签选择器(全部控制) 结构:标签名{css属性名:属性值;} (2)类选择器(针对性控制) 结构:.类名{css属性名:属性值;} 在
里面加class=""得先定义完再使用 (3)id选择器 结构:#id属性值{css属性名:属性值;}id属性名字自己起 注意:所有标签都有id属性;一个标签只有一个id属性值; 一个id选择器只能选一个标签(只配合js使用) (4)通配符选择器 结构:*{css属性名:属性值;} 作用:找到页面标签,设置样式。 注意点:开发中使用很少,只有特殊情况用
3、字体大小跟样式
(1)大小:font-size,数字+px; 谷歌浏览器默认使用的文字大小是16px;单位要设置,否则无效。 (2)粗细:font-weight 关键字:正常normal 或400 加粗:bold或者700 (3)倾斜:font-style italic倾斜,normal正常 (4)改变字体和大小:font-family,网页字体一般是非称线,默认微软雅黑。 (5)复合属性:*font{ size weight style family} 省略只能省前面两个,相当于默认属性 文本样式(1)文本缩进text-eindent (2)水平对齐方式text-align (3)文本修饰 text-decoration line-through删除 underline下划线 (4)行高line-height rgba a透明度在0跟1之间
margin: 0 auto居中;text-align center居中
总结