CSS速查文档

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:行高【让行高和高度相同,内容会垂直居中】

 

猜你喜欢

转载自www.cnblogs.com/orangemax/p/10699501.html