欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS入门 >

Css的个别属性应用详解

 

CSS的继承性

CSS内部元素将继承外部元素的样式,多个外层元素的样式就叠加到内层元素上。<body>元素是网页中最大的标记,它中的样式将被其它子元素继承。

哪些CSS属性能被继承:colorfont-sizefont-weightfont-styleline-heighttext-indentletter-spacingword-spacingtext-align

CSS背景属性

Background-color:背景颜色

Background-image:背景图片,举例:background-image:url(images/bg.gif);

Background-repeat:背景平铺,取值:no-repeat(不平铺)repeat(平铺)repeat-x(x方向)repeat-y(y方向)

Background-position:背景定位,取值:固定值或百分比

格式:background-position:水平方向 垂直方向;

用固定值定位:background-position:100px 0px; //距离左边100px,距离上边0px

用百分比定位:background-position:50% 50%; //水平方向居中 垂直方向居中

用单词来定位:background-postion:left|center|right top|center|bottom; 三个值取其中一个

Background-attachment:附加信息,取值:scroll(滚动)fixed(固定)

简写形式:background:url(images/bg.gif) repeat-x 100px 0px; //多个属性值间用“空格”隔开

3.CSS浮动和清除

Float:元素浮动,取值:leftright

Clear:清除浮动,取值:leftrightboth

CSS浮动元素将向左向右浮动;

浮动可以叫“飘”起来;

浮动的元素,直到碰到父元素的边框或前一个浮动元素的边框为止;

浮动元素是一个块元素框,不管它原来是什么元素(行内元素)

浮动元素不再占用空间,脱离了普通文档流,层级比普通元素的级别高;

清除浮动

清除浮动特性后,清除元素之后的其它元素将恢复默认排版;

清除浮动特性后,包围元素从视觉上看起来,像包围住了浮动元素;

4.CSS边框属性

Border:同时设置四个边框的属性

Border-left:设置左边框的属性

Border-right:设置右边框的属性

Border-top:设置顶边框的属性

Border-bottom:设置底边框的属性

格式:border-bottom:粗细 线型 线颜色;

举例:border-bottom2px solid #FF0000; //元素的下边线为2px粗的实线,颜色为红色

线型取值:none(无边线)solid(实线)dashed(虚线)dotted(点状线)double(双线)

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r33970.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-07-14 02:44 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。