欢迎来到天天文库
浏览记录
ID:51310243
大小:50.02 KB
页数:9页
时间:2020-03-10
《常用的CSS语法总结.doc》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、常用的CSS语法总结一:网页
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
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:
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-
此文档下载收益归作者所有