常用的CSS语法总结.doc

常用的CSS语法总结.doc

ID:51310243

大小:50.02 KB

页数:9页

时间:2020-03-10

常用的CSS语法总结.doc_第1页
常用的CSS语法总结.doc_第2页
常用的CSS语法总结.doc_第3页
常用的CSS语法总结.doc_第4页
常用的CSS语法总结.doc_第5页
资源描述:

《常用的CSS语法总结.doc》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、常用的CSS语法总结一:网页

的基本命名规范网页布局的时候(命名代码规范):头部div取值为:id="header"中间div取值为:id="container"中间左部分div取值为:class="left"中间中部分div取值为:class="middle"中间右部分div取值为:class="right"底部div取值为:id="footer"二:字体设置1:字体样式字体类型font-familyfont-family:"隶书"(楷体);字体大小font-sizefont-size:12px;(

2、单位像素)字体风格font-stylefont-style:italic;normal:默认italic:倾斜体字体的粗细font-weightfont-weight:bold;normal:标准、bold:粗体字体lighter:细体在一个声明中设置所有字体属性fontfont:italicbold36px"宋体";2:文本样式①:颜色:colorblackbluegreenredgrayorangepurplewhiteyellow黑色蓝色绿色红灰色橙紫白色黄色②:水平对齐方式:text-alignlef

3、t:左right:右center:居中justify:两端对齐③:首行缩进(text-indent:2em)④:行高(line-height:12px)⑤:文本添加修饰:text-decorationnone:标准文本underline:设置文本的下划线overline:设置文本的下划线line-through:设置文本的删除线blink:设置文本的闪烁(IE无效)⑥:垂直对齐方式(只用于图像与文本的居中对齐)vertical-align

xxxxx

示例:pimg{ve

4、rtical-align:middle;}三:超链接1:根据用户未单击访问前(a:link)鼠标悬浮在超链接上(a:hover)【必须设置在a:link和a:visited之后才有效】单击未释放(a:active)【必须设置在a:hover之后才有效】单击访问后(a:visited)的四个状态显示。①语法:标签名:伪类名{声明;}a:hover{color:#B46210;text-decoration:underline;}2:设置鼠标形状:cursordefault:默认箭头pointer:超链接的指针(

5、小手)wait:指示程序正在忙()help:可用的帮助(箭头问好)text:指示文本(细I的形状)crosshair:呈现十字状四:背景样式1:

:可将HTML文档分割成独立的,不同的部分,常用来进行网页的布局width:宽度(200px)height:高度(290px)或#iys2{width:180px;height:180px;2:背景属性①背景颜色:background-color(值:red、yel

6、low或#ff0000)②背景图像背景图像:background-image:url(bg.jpg)背景重复:background-repeat(repeat:水平垂直方向重复repeat-x:水平方向重复repeat-y:在垂直方向重复no-repeat:背景图像仅显示一次显示背景图像上的起始位置(基准的位置:左上方):background-position正方向偏移的位置为:右下方简写背景样式:顺序(颜色url背景定位背景重复方式)五:列表样式1:列表项标记的类型list-style-typenone:无

7、标记符号disc:实心圆,默认类型circle:空心圆square:实心正方形decimal:数字2:图像替换列表项的标记(设置它后list-style-type将不起作用)list-style-imagelist-style-image:url(image/arrow-right.gif);3:何处放置列表项标记list-style-positioninside:标记放置在文本(范围)以内outside:标记放置在文本以外4:设置所有列表的属性list-style顺序:list-style-typelist

8、-style-positionlist-style-image六:盒子模型1:边框(第一层)2:元素内容及内边距(第二层)3:背景图(第三层)4:外边距盒子模型的宽度=content(内容)+padding(填充:内容与边框之间)+border(内容的边框)+margin(两个内容之间的距离)1:边框①border-color:颜色属性说明示例border-top-color上边框颜色border-

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

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

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