导图社区 初识css
HTML5网页设计与制作,初识css3,css3选择器,包括css核心基础、设置文本样式、高级特性、伪元素选择器、结构化伪类选择器等内容。
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
初识css
css核心基础
css样式规则
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
引入css样式表
1.行内式<标签名 style="属性1:属性值1;属性2:属性值2;属性3:属性值3;">内容</标签名>
2.内嵌式
<head> <style type="text/css> 选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;} </style> </head>
3.外链式
<head> <link href="css文件的路径” type"text/css" rel"stylesheet"/> </head>
css基础选择器
1.标签选择器 标签名{属性1:属性值1;属性2:属性值2;属性3:属性值3}
2.类选择器 .类名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
3.id选择器 #id名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
4.通配符选择器 *{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
设置文本样式
css字体样式属性
1.font-size:字号大小
2.font-family:字体
3.font-weight:字体粗细
4.font-style:字体风格
5.font:综合设置字体样式 选择器{font:font-style font-weight font-size/line-height font-family}
6.@font-face规则 @font-face{font-family:字体名称;src:字体路径;}
css文本外观属性
1.color:文本颜色
2.letter-spacing:字间距
3.word-spacing:单词间距
4.line-height:行间距
5.text-transform:文本转换
6.text-decoration:文本装饰
7.text-align:水平对齐方式
8.text-indent:首行缩进
9.weight-space:空白符处理
10.阴影效果:
11.text-overflow:对标对象内溢出文本
12.word-wrap属性
高级特性
css复合选择器
1.标签指定式选择器
2.后代选择器
3.并集选择器
css的层叠性和继承性
css的优先级
伪元素选择器
:before选择器
:after选择器
结构化伪类选择器
:root选择器
:not选择器
:only-child选择器
:first-child和last-child选择器
:nth-child(n)和nth-last-child(n)选择器
:nth-of-type(n)和nth-last-of-type(n)选择器
:empty选择器
关系选择器
子元素选择器
兄弟选择器
属性选择器
E[att^=value]属性选择器
E[att¥=value]属性选择器
E[att*=value]属性选择器
css选择器