CSS

一、CSS樣式


外鏈樣式:

頁內(nèi)樣式:

行內(nèi)樣式:

二、CSS選擇器:

4種基礎(chǔ)選擇器:標簽選擇器、class選擇器、id選擇器和通用選擇器

兩種復合選擇器:后代選擇器、編組選擇器

編組選擇器

偽類選擇器:

三、css文本樣式:

文本區(qū)塊:

四、CSS背景:背景顏色和背景圖片

背景設置簡寫:

五、盒子模型

內(nèi)邊距

內(nèi)邊距會使元素變大,外邊距不會

margin的值設為auto,元素會居中顯示:

很多標簽自帶內(nèi)外邊距,但在各個瀏覽器中的邊距顯示有差別,為了兼容各瀏覽器,應先將邊距清零:

邊框border:

可以用border-top、border-botton、border-left、border-right設置上下左右邊框

浮動:

添加浮動后,元素為漂浮狀態(tài),塊級元素將可以被顯示在一行

清除浮動:

clear:left將忽略float:left的浮動效果,將box3顯示在box1的下面

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、CSS入門 1、css選擇器 選擇器的作用是“用于確定(選定)要進行樣式設定的標簽(元素)”。 有若干種形式的...
    寵辱不驚丶歲月靜好閱讀 1,730評論 0 6
  • CSS 指層疊樣式表(Cascading Style Sheets),是一種用來為結(jié)構(gòu)化文檔(如 HTML 文檔或...
    神齊閱讀 2,232評論 0 14
  • 學習CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,191評論 0 1
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 2,068評論 0 6
  • CSS 是什么 css(Cascading Style Sheets),層疊樣式表,選擇器{屬性:值;屬性:值}h...
    崔敏嫣閱讀 1,577評論 0 5

友情鏈接更多精彩內(nèi)容