前端學習 CSS基礎(一)

2021-10-02 09:39:33 字數 1216 閱讀 5539

css派生選擇器

id選擇器

w3school-css 教程

示例**:

提示:以下例子中的 css **均位於 html 的 head 部分,這樣做的目的是為了利於演示例子本身。在實際的開發中,使用 css 最好的方式是引用外部樣式表。

>

>

type

="text/css"

>

body

h1h2

pp.no2

style

>

head

>

>

>

這是標題 1h1

>

>

這是標題 2h2

>

>

這是段落p

>

class

="no2"

>

這個段落設定了內邊距。p

>

body

>

html

>

css 規則由兩個主要的部分構成:選擇器,宣告。

多條宣告

選擇器分組

selector

selector

h1h2,h3,h4,h5,h6

子元素從父元素繼承屬性。

body

屬性

描述font-family

規定文字的字型系列

通過 css 繼承,子元素將繼承最高端元素(在本例中是body)所擁有的屬性(這些子元素諸如p,td,ul,ol,ul,li,dl,dt,和dd),不需要另外的規則。

通過元素的上下文關係來定義樣式

**片段如下:

li strong

效果檢視,效果展示↓

前端學習(九) CSS基礎

css的樣式可以寫在哪呢?其實css的樣式插入式十分靈活的 按照插入的形勢來看,可以分為三種情況 而接下來就對這三種情況進行簡單的討論 css樣式表是可以直接把 放在現有的標籤裡面去的 這種方法就稱為內嵌式 文字顏色為紅色 把對應的style屬性,寫在p標籤的開始標籤中 css樣式 要寫在style...

前端學習 CSS基礎設定

2.顏色表示 3.字型 4.行間距 7.以上僅為常見,更多搞手冊了解 畫素 px px 是網頁中使用最多的乙個單位,乙個畫素相當於螢幕中的乙個小點。螢幕由這些畫素點構成。畫素點越小,螢幕越清晰。百分比 使用百分比可以根據父元素的值來計算其大小,就永遠為父元素的一定比例大小,比較靈活,可以跟著父元素一...

前端CSS學習(一)

css樣式的分類 1.內部樣式表2.行內樣式表 3.外部樣式表 css基礎選擇器 1.標籤選擇器 span 2.類選擇器 blue 3.多類名選擇器 4.id選擇器 num 5.萬用字元選擇器 css外觀屬性 1.color red ff0000 rgb 255,0,0 2.line height ...