css就是给网页添加对应的样式,所有的标签都可以添加对应的css
语法:选择器{属性名:属性值;}
选择器:
1.标签选择器:你的标签叫什么就写什么
2.class类名选择器:.类名{color:red;}
3.id名选择器:#类名{color:red:}
id名相当于身份证号,一个页面中的id名不能重复
4.通配符选择器: * 所有的标签都能使用当前样式
优先级:
id选择器>类选择器>标签选择器>通配符选择器(*)
派生选择器:
空格 :表示后代 div p{ }
>大于号:表示儿子 div>p{ }
+加号:表示相邻兄弟 div+p{ }
~波浪号:表示普通兄弟(找到下方所有) div~p{ }
分组选择器:p,h1{ } 所有在组内的标签均可被选择
CSS的引入方式:
1.内部样式
写在head中,使用style进行编写,可以复用
<style> div{ } </style>
2.行内样式
使用style属性添加,不能复用
<div class="one" style=" color:red;"> </div>
3.外部样式
使用link插入文件
<link rel="stylesheet" href="one.css"/>
CSS引入顺序有优先级,当样式重复,谁离得近就用谁的样式,样式不重复所有的样式都会运用到文本中。
行内样式> 内部样式>外部样式(就近原则)
文字样式:
设置斜体:font-style:normal(正常)/ italic(斜体);
字体:font-family:字体样式;
字体粗细:font-weight:400;400,500是正常粗细。大于500是粗体。小于400是细体。也可以使用bold / bolder
字体大小:font-size:30px;
字体行高:link-height:200px; 一般行高用于使文字垂直居中,前提是单行文本。
合并写法:
fpnt : italic bold 30px / 200px '宋体';
引入外部字体: