css樣式種類的簡單梳理和使用

2021-09-24 23:56:19 字數 1580 閱讀 4091

第一大類:    預設樣式 bgcolor,不借助style

第二大類: *外部樣式表    用style屬性

*內部樣式表    用style屬性        style type="text/css

*行內樣式表,用style屬性 ,   background-color:

例1.預設樣式,注意不適用style

注意:優先順序高於背景色,會覆蓋顏色

例 2.內部樣式    用style屬性        style type="text/css還沒有具體例子,還沒看出什麼效果例3.行內樣式        還用style屬性 原來預設樣式的bgcolor變成了background-color:

根據**可知預設樣式指定顏色是中藍色,行內樣式指定顏色是淡黃色,因為後者優先順序高於前者,所以效果展現的是淡黃色(只擷取部分效果展示)

所以css行內樣式**正確的書寫方式是:

4.外部樣式這個時候就要在同乙個專案資料夾下新建乙個css檔案,在html檔案下引入css檔案即可,新建乙個名為main的css檔案,到時候引入到learncss的html檔案中

因為是對html檔案中body裡面的內容進行css效果的控制,所以在css檔案中直接寫body的樣式

/*

* 樣式的書寫格式,

* 最前面的部分,選擇器(標籤,類,id) 此時為:body

* 花括號:為樣式的宣告部分,

* 樣式的宣告:採用key-value對的形式,中間使用英文狀態的冒號隔開

*/body

此段**的意思就是利用  background-attachment和    background-position-x:,    background-position-y:的結合,定義的固定位置,這樣滑動滾輪的時候,選定的不隨滾輪位置的移動而變化,但是字型資訊會隨著滾輪的移動變化。

CSS樣式的簡單使用

css樣式的簡單使用 在做專案時,有時做用到一行分幾列顯示內容,用datalist繫結,可以實現。但有時因我們不是設計師,有的 不利於我們在itemtemplate中繫結內容.用ul li 再加上css控制,就可以實現一行多列的情景,但這時不能在datalist的 itemtemplate中繫結 l...

css簡單的梳理總結

層疊字型 常規流 正常流 normal flow 脫離正常流 包含塊 containing block 浮動元素 定位元素 根元素的包含塊是初始包含塊,即視口 布局 格式化 上下文 格式化分類 垂直方向 行內格式化 就是乙個塊級元素的每一行內容都是如何布局和生成的 水平方向 然後像塊級元素一樣堆疊擺...

css的簡單樣式

text align center 文字居中 line height 行高 background url 路徑 no repeat 不重複 0px 20 設定樣式 text indent 文字縮排 1em 表示乙個字。a 表示有無下劃線 hover 表示滑鼠懸停的時候 font family 黑體 ...