常用的css语法总结

常用的css语法总结

ID:35303116

大小:50.00 KB

页数:9页

时间:2019-03-23

常用的css语法总结_第1页
常用的css语法总结_第2页
常用的css语法总结_第3页
常用的css语法总结_第4页
常用的css语法总结_第5页
资源描述:

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

1、http://web.mybdqn.com/常用的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;(单位像素)字体风格font-stylef

2、ont-style:italic;normal:默认italic:倾斜体字体的粗细font-weightfont-weight:bold;normal:标准、bold:粗体字体lighter:细体在一个声明中设置所有字体属性fontfont:italicbold36px"宋体";2:文本样式①:颜色:colorblackbluegreenredgrayorangepurplewhiteyellow黑色蓝色绿色红灰色橙紫白色黄色②:水平对齐方式:text-alignleft:左right:右center:居中justify:两端对齐③:首行缩进(text-indent:2em)http://w

3、eb.mybdqn.com/④:行高(line-height:12px)⑤:文本添加修饰:text-decorationnone:标准文本underline:设置文本的下划线overline:设置文本的下划线line-through:设置文本的删除线blink:设置文本的闪烁(IE无效)⑥:垂直对齐方式(只用于图像与文本的居中对齐)vertical-align

xxxxx

示例:pimg{vertical-align:middle;}三:超链接1:根据用户未单击访问前(a:link)鼠标悬浮在超链接上(a:hover)【必须设置在a:link和a:vis

4、ited之后才有效】单击未释放(a:active)【必须设置在a:hover之后才有效】单击访问后(a:visited)的四个状态显示。①语法:标签名:伪类名{声明;}a:hover{color:#B46210;text-decoration:underline;}2:设置鼠标形状:cursordefault:默认箭头pointer:超链接的指针(小手)wait:指示程序正在忙()help:可用的帮助(箭头问好)text:指示文本(细I的形状)crosshair:呈现十字状http://web.mybdqn.com/四:背景样式1:

:可将HTML文档分割成独立的,不同的部分,常用来

5、进行网页的布局width:宽度(200px)height:高度(290px)或#iys2{width:180px;height:180px;2:背景属性①背景颜色:background-color(值:red、yellow或#ff0000)②背景图像背景图像:background-image:url(bg.jpg)背景重复:background-repeat(repeat:水平垂直方向重复repeat-x:水平方向重复repeat-y:在垂直方向重复no-repeat:背景图像仅显示一次显示背景图像

6、上的起始位置(基准的位置:左上方):background-position正方向偏移的位置为:右下方简写背景样式:顺序(颜色url背景定位背景重复方式)五:列表样式1:列表项标记的类型list-style-typenone:无标记符号disc:实心圆,默认类型circle:空心圆square:实心正方形decimal:数字2:图像替换列表项的标记(设置它后list-style-type将不起作用)list-style-imagehttp://web.mybdqn.com/list-style-image:url(image/arrow-right.gif);3:何处放置列表项标记list-s

7、tyle-positioninside:标记放置在文本(范围)以内outside:标记放置在文本以外4:设置所有列表的属性list-style顺序:list-style-typelist-style-positionlist-style-image六:盒子模型1:边框(第一层)2:元素内容及内边距(第二层)3:背景图(第三层)4:外边距盒子模型的宽度=content(内容)+padding(填充:内容与边框之

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

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

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