本節我們來學習 css 中的選擇器,選擇器是 css 裡面乙個很重要的概念,html 中的所有標籤樣式,都是通過不同的 css 選擇器進行控制的。我們只需要通過選擇器,就可以對不同的 html 標籤進行選擇,並指定各種樣式宣告。
在 css 中三三種最基本的選擇器,分別是標籤選擇器、類選擇器(class)、id選擇器。本節我們來講標籤選擇器,標籤選擇器是 css 中最常見的選擇器。像前面幾節中,我們舉例時用到的都是標籤選擇器。
通過前面的學習我們知道在 html 頁面中引入 css 樣式最好的方法是引入外部樣式,也就是將 css **單獨放置到乙個.css
檔案內,然後再引入這個 css 檔案。所以後面我們講 css 樣式都會使用這種方式來引入 css 樣式。
我們知道乙個 html 頁面是通過很多標籤組成的,css 標籤選擇器就是用來宣告這些標籤的,因為每乙個 html 標籤的名稱都可以作為相應的標籤選擇器的名稱。
例如我們來看乙個例子,下面是一段 html **:
你好,俠課島!
如果我們要為這兩個標籤定義 css 樣式,就可以直接在.css
檔案內通過標籤選擇器來宣告樣式:
h3
p
記得在 html 中通過
標籤來引入 css 檔案,此時在瀏覽器中的演示效果如下所示:
從上述**中,我們看到,css 語法就是由選擇器和宣告塊{}
組成,每個宣告塊中可以包含乙個或多個樣式宣告,並且每條宣告後面以分號;
結尾。
當然除了上述例子中的p
、h3
標籤可以作為標籤選擇器,其他的例如html
、body
、a
、img
等所有標籤都是可以作為標籤選擇器的。
標籤選擇器的使用其實很簡單,下一節我們會講剩下的兩個基本選擇器,也就是類選擇器和id選擇器的使用。
中像html中引入css CSS引入方式
a 內部樣式,把css 寫入style標籤中。b 外部樣式,把css 寫入.css檔案中。第一步 新建乙個.css檔案,然後在.css檔案中書寫css 第二步 在html文件中,引入.css檔案。使用link標籤來引入。c 行內樣式,在標籤中新增乙個style屬性,然後把css樣式書寫在style屬...
html頁面中引入html
我們寫頁面通常會遇到這種情況,乙個模組很多頁面都用到,那麼我們為了方便就會單獨寫到乙個頁面,然後引入進去,我知道的有三種 1 用標籤 例 iframe有自己預設的高度,如果你引入的頁面高度超出他預設的高度會超出隱藏,所以,要加上height 2 用標籤 例 object也有自己的預設高度,如果你引入...
html中引入css樣式
每個元素都有style屬性,格式 元素 style 屬性名 屬性值 內容 行內樣式表的屬性不需要雙引號,屬性值得單位通常是畫素px為單位 在中新增style,在當前的文件可以使用該樣式,需要的時候可以使用 新建乙個擴充套件名為.css的檔案,新增選擇器及其屬性,如 p在需要引入該檔案中的屬性的檔案 ...