Css知识点归纳总结.doc

Css知识点归纳总结.doc

ID:51300479

大小:390.50 KB

页数:18页

时间:2020-03-10

Css知识点归纳总结.doc_第1页
Css知识点归纳总结.doc_第2页
Css知识点归纳总结.doc_第3页
Css知识点归纳总结.doc_第4页
Css知识点归纳总结.doc_第5页
资源描述:

《Css知识点归纳总结.doc》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、Css知识点总结Css知识点总结1基本格式:31、派生选择器32、id选择器(选择器以"#"来定义):3如何插入样式表41、外部样式表42、内部样式表43、内联样式44、多重样式4css背景51、背景色52、背景图像53、背景重复64、背景定位65、背景关联6css文本71、文本颜色:text-indent属性:72、水平对齐:text-algin属性:73、字间隔:word-spacing属性85、字符转换text-transform属性86、文本装饰87、direction属性规定文本的方向/书写方向。8CSS字

2、体91、font属性92、font-family属性93、font-style属性104、font-variant属性105、font-weight属性106、font-size属性117、line-height属性11CSS列表121、设置所有的列表属性122、list-style-type属性123、list-style-position属性134、list-style-image属性13CSS表格141、border-collapse属性142、border-spacing属性143、caption-side属

3、性154、empty-cells属性155、table-layout属性15CSS框模型概述16CSS内边距16CSS边框171、border简写172、4个边框分别设置18CSS外边距181、margin属性18基本格式:三种格式:(CSS语法由三部分构成:选择器、属性和值)例:body{color:blue}1、派生选择器例:Css部分:strong{color:red;}h2{color:red;}h2strong{color:blue;}Html文件部分:

Thestronglyemphasizedwor

4、dinthisparagraphisred.

Thissubheadisalsored.

Thestronglyemphasizedwordinthissubheadisblue.

2、id选择器(选择器以"#"来定义):例:Css部分:#red{color:red;}#green{color:green;}Html文本:这个段落是红色。

这个段落是绿色。

5、p>3、类选择器例:Css部分:.center{text-align:center}Html文本:Thisheadingwillbecenter-alignedThisparagraphwillalsobecenter-aligned.

如何插入样式表1、外部样式表当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。

6、ink>标签在(文档的)头部:浏览器会从文件mystyle.css中读到样式声明,并根据它来格式文档。2、内部样式表当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用3、内联样式要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style属性可以包含任何CSS属性。本例展示如何改变段落的颜色和左外边距:Thisisaparagraph

4、多重样式如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。例如,外部样式表拥有针对h3选择器的三个属性:

8、h3{color:red;text-align:left;font-size:8pt;}而内部样式表拥有针对h3选择器的两个属性:h3{text-align:right;font-size:20pt;}假如拥有内部样式表的这个页面同时与外部样式表链接,那么h3得到的样式是:color:red;text-align:right;font-size

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。