CSS基礎要點概況

2022-09-04 10:45:13 字數 3181 閱讀 8339

1、css概述

1)css指層疊樣式表

2)樣式定義如何顯示html元素

3)樣式通常儲存在樣式表中

4)把樣式新增到html4.0中,是為了解決內容與表現分離的問題

5)外部樣式表可以極大提高工作效率,外部樣式表通常儲存在css檔案中

6)多個樣式定義可層疊為一(相同的覆蓋,不同的合一)

2、css可以做什麼

a)網頁效果(/字型/布局)

1)瀏覽器預設設定

2)外部樣式表(位於css檔案內部,與引入)重用,統一風格。

3)內部樣式表(位於標籤內部的)

4)內聯樣式/行內樣式(在html元素內部style屬性)

5)層疊為一:行內樣式(最強)\外部樣式與內部樣式需要看宣告的順序

6)w3c建議:外部樣式->內部樣式->行內樣式

b)腳步程式設計(選擇器)

3、css語法

css語法由三部分構成:選擇器、屬性、值

selector

css對大小寫不敏感,建議全小寫,樣式之間使用英文;分號隔開,最後乙個可以不使用分號。

4、css選擇器

html選擇器:所用相同的html元素(全部)

id選擇器:唯一的,精確控制(唯一)

class選擇器:相同class的控制(範圍控制,部分)

屬性選擇器

派生選擇器(extjs): 上下文(級\層)關係來定義樣式

偽類選擇器

混合選擇器:多種選擇器混合使用.

doctype

>

<

html

>

<

head

>

<

title

>untitled

title

>

<

meta

charset

="utf-8"

/>

<

link

rel="stylesheet"

type

="text/css"

href

="css/mystyle.css"

/>

<

style

type

="text/css"

>

/*html選擇器:*/p

/*id選擇器:注意模組、表單元件的唯一id

*/#myid1

/*class選擇器

*/.mytype

/*派生選擇器 元素間必須有空格

*/li strong

/*混合選擇器:選擇器間不可以有空格

*/div#sidebar

/*屬性選擇器 不可以有空格

*//*

input[name=""]

*//*

偽類選擇器:不可以有空格

>超連結

a>

<

div

id="sidebar"

>test div

div>

<

div>test div2

div>

<

ol>

<

li>

<

strong

>hello world!

strong

>

li>

ol>

<

hr/>

<

strong

>hello world!

strong

>

<

p id

="myid1"

>段落1

p>

<

p class

="mytype"

>段落2

p>

<

p >段落3

p>

<

p class

="mytype"

>段落4

p>

<

p>段落5

p>

<

p class

="mytype"

>段落6

p>

<

p style

="font-size : 50px"

>行內樣式

p>

body

>

html

>

5、css優先順序

宣告的順序:行內》內嵌》外部

選擇器:id選擇器》class選擇器》html選擇器

doctype

>

<

html

>

<

head

>

<

title

>untitled

title

>

<

meta

charset

="utf-8"

/>

<

style

type

="text/css"

>

/*html選擇器:*/p

/*class選擇器

*/.mytype

/*id選擇器:注意模組、表單元件的唯一id

*/#myid1

/*優先順序:

宣告的順序:行內》內嵌》外部

選擇器:id選擇器》class選擇器》html選擇器

*/style

>

head

>

<

body

>

<

p class

="mytype"

id="myid1"

>行內樣式

p>

body

>

html

>

C語言基礎概況筆記

1.概念 c語言程式有乙個或者多個程式段組成,每個程式段都有自己的功能。我們一般把這些程式段成為 函式 因此也可以說c語言程式是由函式構成。定義函式的目的 將乙個常用的功能封裝起來,方便以後呼叫 定義函式的步驟 函式名 函式叫什麼名字 函式體 函式是幹啥用,大括號裡面包含什麼 定義函式的作用 什麼情...

css要點總結

css總結 1.box sizing content box border box content box 設定的寬度,高度為content的 border box 設定的寬度,高度為content padding border div 2.dpi scale 1.0 此問題時同學遇到的sublim...

CSS要點總結

css 為定位和浮動提供了一些屬性。定位的基本思想,允許你定義元素框相對於其正常位置應該出現的位置,或者相對于父元素 另乙個元素甚至瀏覽器視窗本身。css1 中首次提出了浮動。div h1 或 p 元素被稱為塊級元素。span 和 strong 等元素稱為 行內元素 因為它們的內容顯示在行中。可以使...