css(層疊樣式表):是一種用來表現html或xml等檔案樣式的計算機語言。
html:標準通用標記語言的應用;
塊級元素:
;行內元素:;
html:hyper text markup language 超文字標籤語言
html:網頁的原始碼
瀏覽器:解釋和執行html原始碼的工具
瀏覽器的頁面包括:格式標籤與頁面內容
網頁檔案格式:html或htm
乙個基本的html頁面所應該有的元素:
,html基本標籤
,寫在html標籤裡,表示網頁格式標籤
,寫在hand標籤裡,表示網頁頁面內容
寧來辣
我們在專案中新建項「樣式表」,即為css的建立,而我們在其中寫下**即可以對html頁的**進行影響。
若想使樣式表真正發揮其作用,還需要讓html與樣式表有關聯。
關聯方法:將使用的樣式表拖動到html**區的中
p.s:為了方便講解,下面的使用都用例子進行講解。
1.id選擇器:
在樣式表中的**:
#special
在html中使用:(在內輸入**)
欄目一
2.類選擇器:在樣式表中的**:
.dropdown-menu
在html中使用:(在內輸入**)
欄目二
3.html標籤選擇器:(樣式表建立時就會有)
body
在html中使用:(不需要輸入或,直接在內輸入**即可)
45jklakhf234
結果:
4.塊級元素:
樣式表中的**和2中相同
在html中使用:
欄目四
欄目五
結果:
5.行內元素:
樣式表中的**和2中相同
在html中使用:
欄目四
欄目五
結果:
*注意:在例子2、5中,我們可以看到在行內元素**內,有些屬性的設定是無效(margin、width、height、padding)
css的優點:將網頁的樣式與內容相分離。
牛腩新聞發布系統之Css總結
css cascading style sheets的縮寫 也稱級聯樣式表,他是用來表現 html 或xml 等檔案的計算機語言。網頁的布局就是通過 css編寫的。說白一點 css就是使用者開啟 所看到網頁的布局。它是實現了網頁內容與樣式的分離。css的選擇器 css的選擇器有很多種,這裡我就不過到...
Web發布 牛腩新聞發布系統
最近實戰了乙個新聞發布系統,基本功能都已實現,最關鍵的是對其發布從而使更多的使用者使用到它,如何操作呢?請往下看 一 安裝iis iis是internet information services的縮寫,意為網際網路資訊服務,是由微軟公司提供的基於執行microsoft windows的網際網路基本...
牛腩新聞發布系統總結
用時半個月的時間,完車了牛老師的新聞發布系統,剛開始很是期待,因為這是第乙個做網頁的系統,有種說不說的欣喜。簡單的做了個圖,如下圖 和c s 的系統相比,不同之處就在於表示層了。因為是b s 的系統,是通過瀏覽器,讓使用者瀏覽的,所以所有的展示都是通過瀏覽器的解析,以及與伺服器的請求和返回來完成任務...