1. CSS(Cascading style sheet)层叠样式表 CSS是对HTML的补充 CSS实现了网页内容和页面效果的分离
2. 有三种方式可以将样式表加入到HTML文档中
1)内联样式表 2)嵌入样式表 3)外部样式表link
3. 样式规则选择器(通过怎样的途径来获得页面上要设置样式的元素)
1)HTML Selector 2)class selector 3)ID selector 4)关联选择器 5)组合选择器
6)伪元素选择器
伪元素选择器是指对同一个HTML元素的各种状态和其所包括的部分内容的一种定义方式
例如,对于超链接标签<a></a>的正常状态、访问过的状态、选中状态、光标移到超链接文本上的状态
以及对于段落的首字母和首行,都可以使用伪元素选择器来定义
目前常用的伪元素有以下几种:
A:active A:hover A:link A:visited P:first-line P:first-letter
4. CSS当中的样式属性
CSS当中的属性非常多,大体上可分为以下几类:字体、背景、文本、位置、布局、边缘、列表
1)字体
字体属性主要包括文字的字体、大小、颜色、显示效果等基本样式
Font-family Font-size Font-style Font-decoration Font-weight
2)背景
背景包括背景颜色、背景图像以及背景图像的控制
Background-color Background-image(repeat repeat-x repeat-y) Background-attachment(fixed scroll)
Background-position
3)文本
文本的属性包括:文字间距、对齐方式、上标、下标、排列方式、首行缩进
Word-spacing Letter-spacing Text-align(left right center) Text-indent(第一行文本的缩进值)
Line-height
4)位置
文档流
位置属性就是制定元素的位置
Position(absolute relative static) Left Top Width Height Z-indent
5)边缘(盒子模型)
margin用于设置元素的边界与其他元素的空隙大小
margin-top margin-right margin-bottom margin-left margin
padding-top padding-right padding-bottom padding-left padding
Width属性用于设置元素边框的宽度 (thin medium thick)
Border-top-width Border-right-width Border-left-width Border-bottom-width Border-width
Color属性设置元素边框的颜色
Border-top-color Border-left-color Border-bottom-color Border-right-color Border-color
Style属性用于设置元素边框的样式 (none dotted dashed solid double )
6)布局
Display(inline block none)
7)列表
无序列表
有序列表
自定义列表
2. 有三种方式可以将样式表加入到HTML文档中
1)内联样式表 2)嵌入样式表 3)外部样式表link
3. 样式规则选择器(通过怎样的途径来获得页面上要设置样式的元素)
1)HTML Selector 2)class selector 3)ID selector 4)关联选择器 5)组合选择器
6)伪元素选择器
伪元素选择器是指对同一个HTML元素的各种状态和其所包括的部分内容的一种定义方式
例如,对于超链接标签<a></a>的正常状态、访问过的状态、选中状态、光标移到超链接文本上的状态
以及对于段落的首字母和首行,都可以使用伪元素选择器来定义
目前常用的伪元素有以下几种:
A:active A:hover A:link A:visited P:first-line P:first-letter
4. CSS当中的样式属性
CSS当中的属性非常多,大体上可分为以下几类:字体、背景、文本、位置、布局、边缘、列表
1)字体
字体属性主要包括文字的字体、大小、颜色、显示效果等基本样式
Font-family Font-size Font-style Font-decoration Font-weight
2)背景
背景包括背景颜色、背景图像以及背景图像的控制
Background-color Background-image(repeat repeat-x repeat-y) Background-attachment(fixed scroll)
Background-position
3)文本
文本的属性包括:文字间距、对齐方式、上标、下标、排列方式、首行缩进
Word-spacing Letter-spacing Text-align(left right center) Text-indent(第一行文本的缩进值)
Line-height
4)位置
文档流
位置属性就是制定元素的位置
Position(absolute relative static) Left Top Width Height Z-indent
5)边缘(盒子模型)
margin用于设置元素的边界与其他元素的空隙大小
margin-top margin-right margin-bottom margin-left margin
padding-top padding-right padding-bottom padding-left padding
Width属性用于设置元素边框的宽度 (thin medium thick)
Border-top-width Border-right-width Border-left-width Border-bottom-width Border-width
Color属性设置元素边框的颜色
Border-top-color Border-left-color Border-bottom-color Border-right-color Border-color
Style属性用于设置元素边框的样式 (none dotted dashed solid double )
6)布局
Display(inline block none)
7)列表
无序列表
有序列表
自定义列表