欢迎来到天天文库
浏览记录
ID:49199717
大小:105.00 KB
页数:7页
时间:2020-03-01
《CSS精华提炼.doc》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、CSSCascadingStyleSheet层叠样式表CSS是页面排版样式标准,它控制文本格式。简单、灵活、易学的工具。语法结构:选择符、样式属性和值。格式:选择符{样式属性1:取值;样式属性2:取值;样式属性31:取值}说明:选择符(selector)……这组样式编码所要针对的对象,可以是标记,如body,也可以是定义了特定id或class的标记,如#main选择符表示选择vdivid=main>.属性(property)样式控制的核心•如:颜色、大小、定位、浮动方式等.值(value)指属性的取值•如:范围的值;具体数值。选择器:1、标记选择器2、兎别选择器.red{color:red;font-size:18px;}.green{color:green;font-size:20px;}p{color:blue;font-size:18px;}•special{color:red;font-size:20px;}3、iD选择器#one{color:blue;font-size:!
3、8px;〃标记选择器〃标记,类别选择器〃类别选择器〃并集选择器〃集体声明〃全局声明〃嵌套声明〃使用了属性special的标记里面包含的vi>・//ID为one的标记里面包含的vli>・〃多层嵌套,同样实用.#tvvo{color:red;font-size:20px;}4、交集选择器p{color:blue;font-size:18px;}p.special{color:red;font-size:20px;}.specialfcolor:green;font-size:20px;}5、弄集选
4、择器hl,h2,h3,h4,h5,p{color:purple;font-size:15px;}h2.specialvspecial,#one{text-decoration:underline;}color:purple;font-size:15px;}6、治代选择器pjpan{Color:red;}span{color:blue;}eSpecial(color:red;}#oneli{padding-left:5px;}tdetop>toplstrong{fon
5、t-size:16px;}其他由容控制的部分其他内容
6、body{background-color:#cc9900;margin-left:Opx;margin-top:Opx;}3、链接外部样式表将CSS样式代码单独放在一个独立文件中,让网页调用。
7、t/cssv>规范:单位度量表:HTML单位缩写UnitType枚举类型成员说明PxPixelPtPointInInchMnMnCmCm%PercentagePcPicaEmEmExEx点数单位,1/72英寸英寸毫米分米百分比lPica有]2Pt相对于所在元素中字体的高度相对于所在元素中字体小写字母x的高度一・显示方式:{display:blockIinlineInone}%1.设置字体:1)大小①(font-size:xx-smallIx-smallIsmallImediumIlargeIx-largeIxx-l
此文档下载收益归作者所有