Css:
层叠样式表【cascading style sheet】,给页面标签添加样式
CSS注释:
语法:/*内容*/
语法规则:
格式声明语句,要用 {属性:属性值;} 括起来,里面放各种各样的格式声明语句
一条格式声明语句 是由 属性:属性值; 构成
属性,就是css各种各样的属性,属性在css中已经定义好了
在属性值的后面用 ; 结束
Css样式必须写单位
Css样式的数值单位用 px 像素 (0不写单位 0px)
CSS引入:
1. 行内引入:
<div style="background:red">CSS行内引入<div>
2. 内嵌引入:
<style>
div{
background:red;
}
</style>
3. 外部引入:
<head>
<link rel="stylesheet" type="text/css" href="URL">
</head>
选择器:
选择页面上元素的工具
基本选择器,复合选择器
通用选择器:
语法:*{属性}
含义:所有的元素都选择器
标签选择器:
语法:标签名{属性}
含义:选择指定标签名的元素
类选择器:
语法:.class名{属性}
含义:指定的class名的元素
Id选择器:
语法:#id名{属性}
含义:选择器指定id的元素
伪类选择器:
a:link:未访问过的
a:visited:访问过的
a:hover:鼠标放上
a:active:鼠标激活
以上顺序不可以打乱
分组选择器:
语法:选择器1,选择器2{属性}
含义:选择选择器1的元素和选择器2的元素,一起设置一样的样式
后代选择器:
语法:选择器1 选择器2{属性}
含义:选择选择器1的后代选择器2的元素
子代选择器:
语法:选择器1>选择器2{属性}
含义:选择选择器1的子元素选择器2
元素包含:
块包块,块包行
P,h1不能包含块
选择器优先级:
ID选择器(100)>类选择器(10)>标签选择器(1)>通用选择器
把权重相加:得到的结果越大优先级越高
如果优先级相同,后面的覆盖前面的
属性:
尺寸:
width:宽度
height:高度
元素转换:
display:block块元素,inline行元素,inline-block行内块,none不显示
字体:
font-size:大小
font-family:样式
font-style:倾斜【italic倾斜,normal正常】
font-weight:加粗【bold加粗,normal正常】
文本:
Color:颜色
Text-align:对齐【left,center,right】
Text-indent:首行缩进
Text-decoration:文本线【underline下划线,line-through中划线,overline上划线,none不显示】
letter-spacing: 字间距
word-spacing: 词间距
line-height:行高【让行高和高度相同,内容会垂直居中】