css第一課

語法:
CSS 規(guī)則由兩個主要的部分構成:選擇器,以及一條或多條聲明


css語法規(guī)則

行內(nèi)樣式表

直接在區(qū)塊中添加style屬性

<!--行內(nèi)樣式表,一般不寫寫行內(nèi)樣式表,優(yōu)先級最高-->
<p style="font-size: 100px;">
    測試用的文字,<br />2222222222
</p>

標簽選擇器

class 選擇器用于描述一組元素的樣式,class 選擇器有別于id選擇器,class可以在多個元素中使用。
class 選擇器在HTML中以class屬性表示, 在 CSS 中,類選擇器以一個點"."號顯示

body {  //選擇器和標簽名相同
    /*background: green;*/
    /*background: # ffffff*/
    background: url("a3.jpg") no-repeat;
}
對所有body標簽生效
body.bgtest {  //標簽名后加".選擇器名"
    /*background: green;*/
    /*background: # ffffff*/
    background: url("a3.jpg") no-repeat;
}
對所有body標簽生效

最佳選擇:

/*class選擇器!重點*/
.mydivcss{  //mydivcss就是選擇器的名字,想要使用此選擇器必須要在標簽的class屬性中指定這個選擇器
    color: aqua;        
    background: deeppink;
}

使用方法:

<!--使用class選擇器-->
<div class="mydivcss">  //直接在想要改變樣式的標簽中把class屬性指向指定的選擇器就行
asdfsadf <br/>
    adsfasdf <br/>
    ddddddddd <br/>
</div>

id選擇器

id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。
HTML元素以id屬性來設置id選擇器,CSS 中 id 選擇器以 "#" 來定義。
以下的樣式規(guī)則應用于元素屬性 id="para1":

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

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,163評論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,595評論 19 139
  • 簡介網(wǎng)絡瀏覽器很可能是使用最廣的軟件。在這篇入門文章中,我將會介紹它們的幕后工作原理。我們會了解到,從您在地址欄輸...
    wengjq閱讀 2,318評論 2 15
  • 1.目的和任務目標 下一步這里完善 目的:了解老板的人氣指數(shù) 目標(期待的結果):今天花費2個小時來完成上周一到周...
    拍謝少女閱讀 789評論 0 51
  • 一 怎么接觸到羅輯思維的 記得在14年的時候發(fā)現(xiàn)了QQ推出了興趣圈子的功能。在那個里面關注自己感興趣的話題圈子,可...
    _小六閱讀 853評論 1 2

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