Css個(gè)別屬性應(yīng)用的示例分析
小編給大家分享一下Css個(gè)別屬性應(yīng)用的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
CSS的繼承性
CSS內(nèi)部元素將繼承外部元素的樣式，多個(gè)外層元素的樣式就疊加到內(nèi)層元素上。<body>元素是網(wǎng)頁(yè)中最大的標(biāo)記，它中的樣式將被其它子元素繼承。
哪些CSS屬性能被繼承：color、font-size、font-weight、font-style、line-height、text-indent、letter-spacing、word-spacing、text-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%; //水平方向居中 垂直方向居中
用單詞來(lái)定位：background-postion:left|center|right top|center|bottom; 三個(gè)值取其中一個(gè)
Background-attachment：附加信息，取值：scroll(滾動(dòng))、fixed(固定)
簡(jiǎn)寫(xiě)形式：background:url(images/bg.gif) repeat-x 100px 0px; //多個(gè)屬性值間用“空格”隔開(kāi)
3.CSS浮動(dòng)和清除
Float：元素浮動(dòng)，取值：left或right。
Clear：清除浮動(dòng)，取值：left或right或both
CSS浮動(dòng)元素將向左向右浮動(dòng)；
浮動(dòng)可以叫“飄”起來(lái)；
浮動(dòng)的元素，直到碰到父元素的邊框或前一個(gè)浮動(dòng)元素的邊框?yàn)橹梗?span lang="EN-US" style="font-size:14.0pt;font-family:宋體;mso-hansi-font-family:Calibri;
mso-bidi-font-family:宋體">
浮動(dòng)元素是一個(gè)塊元素框，不管它原來(lái)是什么元素(行內(nèi)元素)；
浮動(dòng)元素不再占用空間，脫離了普通文檔流，層級(jí)比普通元素的級(jí)別高；
清除浮動(dòng)
清除浮動(dòng)特性后，清除元素之后的其它元素將恢復(fù)默認(rèn)排版；
清除浮動(dòng)特性后，包圍元素從視覺(jué)上看起來(lái)，像包圍住了浮動(dòng)元素；
4.CSS邊框?qū)傩?span lang="EN-US" style="font-size:14.0pt;font-family:宋體;mso-hansi-font-family:Calibri;
mso-bidi-font-family:宋體">
Border：同時(shí)設(shè)置四個(gè)邊框的屬性
Border-left：設(shè)置左邊框的屬性
Border-right：設(shè)置右邊框的屬性
Border-top：設(shè)置頂邊框的屬性
Border-bottom：設(shè)置底邊框的屬性
格式：border-bottom：粗細(xì) 線型 線顏色;
舉例：border-bottom：2px solid #FF0000; //元素的下邊線為2px粗的實(shí)線，顏色為紅色
線型取值：none(無(wú)邊線)、solid(實(shí)線)、dashed(虛線)、dotted(點(diǎn)狀線)、double(雙線)
以上是“Css個(gè)別屬性應(yīng)用的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！
