Css个别属性应用的示例分析


小编给大家分享一下Css个别属性应用的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!CSS的继承性

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

哪些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(双线)

以上是“Css个别属性应用的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注百云主机行业资讯频道!

相关推荐: PHP怎么开启错误提示

这篇“PHP怎么开启错误提示”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“PHP怎么开启错误提示”文章吧。直接在PHP代码中添加:就可以开启错误…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 09/19 22:12
Next 09/19 22:13

相关推荐