欢迎来到天天文库
浏览记录
ID:20344223
大小:53.00 KB
页数:6页
时间:2018-10-11
《课工场中关村软件学院:常用css语法总结》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、http://web.mybdqn.com/课工场中关村软件学院:常用的CSS语法总结一:网页
2、ize:12px;(单位像素)字体风格font-stylefont-style:italic;normal:默认italic:倾斜体字体的粗细font-weightfont-weight:bold;normal:标准、bold:粗体字体lighter:细体在一个声明中设置所有字体属性fontfont:italicbold36px"宋体";2:文本样式①:颜色:colorblackbluegreenredgrayorangepurplewhiteyellow黑色蓝色绿色红灰色橙紫白色黄色②:水平对齐方式:text-alignleft:左right:右ce
3、nter:居中justify:两端对齐③:首行缩进(text-indent:2em)④:行高(line-height:12px)⑤:文本添加修饰:text-decorationnone:标准文本underline:设置文本的下划线overline:设置文本的下划线line-through:设置文本的删除线blink:设置文本的闪烁(IE无效)⑥:垂直对齐方式(只用于图像与文本的居中对齐)vertical-align
xxxxx
4、击访问前(a:link)鼠标悬浮在超链接上(a:hover)【必须设置在a:link和a:visited之后才有效】单击未释放(a:active)【必须设置在a:hover之后才有效】单击访问后(a:visited)的四个状态显示。①语法:标签名:伪类名{声明;}a:hover{color:#B46210;text-decoration:underline;http://web.mybdqn.com/}2:设置鼠标形状:cursordefault:默认箭头pointer:超链接的指针(小手)wait:指示程序正在忙()help:可用的帮助(箭头问好)t
5、ext:指示文本(细I的形状)crosshair:呈现十字状三:背景样式1:
6、ackground-repeat(repeat:水平垂直方向重复repeat-x:水平方向重复repeat-y:在垂直方向重复no-repeat:背景图像仅显示一次显示背景图像上的起始位置(基准的位置:左上方):background-position正方向偏移的位置为:右下方简写背景样式:顺序(颜色url背景定位背景重复方式)四:列表样式1:列表项标记的类型list-style-typenone:无标记符号disc:实心圆,默认类型circle:空心圆square:实心正方形decimal:数字2:图像替换列表项的标记(设置它后list-style-t
7、ype将不起作用)list-style-imagelist-style-image:url(image/arrow-right.gif);3:何处放置列表项标记list-style-positioninside:标记放置在文本(范围)以内outside:标记放置在文本以外4:设置所有列表的属性list-style顺序:list-style-typelist-style-positionlist-style-image五:盒子模型1:边框(第一层)2:元素内容及内边距(第二层)3:背景图(第三层)4:外边距盒子模型的宽度=content(内容)+padd
8、ing(填充:内容与边框之间)+border(http://web.mybdqn.com/内容
此文档下载收益归作者所有