CSS的学习
CSS(层叠样式表)(就近原则)(本身是开源的)
1、优点:(1)样式多,灵活 (2)样式与页面相分离
2、CSS的划分:
(1)按位置划分 a、内联:在标签内使用style eg:<p style="color"></p>
b、内部:在<head></head>里创建<style></style>里写入
c、外部:创建一个.css文件
注:优先级关系:内联>内部>外部
(2)按选择器划分
a、基于元素的选择器
b、类选择器(在style中创建一个.类名,在其中写入想要的属性,在所需之处通过class=“类名”调用)
c、id选择器(在style中创建一个#加名称的id选择器,在其中写入想要的属性,在所需之处通过id=“名称”调用)作用 于 同一个id
d、符合选择器:①多个元素使用一个属性,中间以逗号隔开
②通过元素关系 eg:<ul><li></li></ul>用ul li {}
注:优先级:id选择器>类选择器>元素
3、字体
(1)font-size:zitidaxiao
(2)font-family:字体种类(宋体、黑体、微软雅黑)
(3)font-style:字体风格(斜体、正常歪外斜体)
(4)font-weight:正常(400、normal),加粗(700、bold)
注:(1)写在一起时的顺序font:font-style font-weight font-size font-family
(2)font属性具有继承性
4、text-decoration
(1)underline:下划线
(2)overline:上划线
(3)line-through:删除线
5、排版样式
(1)a、text-transform:uppercase
b、text-transform:lowwercase
c、text-transform:capitalise(首字母大写)
(2)首行缩进text-indent
(3)间距
a、letter-spacing:字符间距
b、 word-spacing:单词间距
(4)行高line-height
(5)text-align:字体位置





网友评论