小編給大家分享一下Css個別屬性應用的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
CSS的繼承性
CSS內部元素將繼承外部元素的樣式，多個外層元素的樣式就疊加到內層元素上。<body>元素是網頁中最大的標記，它中的樣式將被其它子元素繼承。
哪些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%; //水平方向居中 垂直方向居中
用單詞來定位：background-postion:left|center|right top|center|bottom; 三個值取其中一個
Background-attachment：附加信息，取值：scroll(滾動)、fixed(固定)
簡寫形式：background:url(images/bg.gif) repeat-x 100px 0px; //多個屬性值間用“空格”隔開
3.CSS浮動和清除
Float：元素浮動，取值：left或right。
Clear：清除浮動，取值：left或right或both
CSS浮動元素將向左向右浮動；
浮動可以叫“飄”起來；
浮動的元素，直到碰到父元素的邊框或前一個浮動元素的邊框為止；
浮動元素是一個塊元素框，不管它原來是什么元素(行內元素)；
浮動元素不再占用空間，脫離了普通文檔流，層級比普通元素的級別高；
清除浮動
清除浮動特性后，清除元素之后的其它元素將恢復默認排版；
清除浮動特性后，包圍元素從視覺上看起來，像包圍住了浮動元素；
4.CSS邊框屬性
Border：同時設置四個邊框的屬性
Border-left：設置左邊框的屬性
Border-right：設置右邊框的屬性
Border-top：設置頂邊框的屬性
Border-bottom：設置底邊框的屬性
格式：border-bottom：粗細 線型 線顏色;
舉例：border-bottom：2px solid #FF0000; //元素的下邊線為2px粗的實線，顏色為紅色
線型取值：none(無邊線)、solid(實線)、dashed(虛線)、dotted(點狀線)、double(雙線)
以上是“Css個別屬性應用的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
