2019 10 20 css基礎第四天

2021-09-28 19:59:27 字數 2409 閱讀 5654

css基礎第四天

2019.10.20

<

!doctype html>

"utf-8"

>

css基礎第五天<

/title>

<

!--外部樣式表的引用,兩者之間的區別(四條)--

>

"stylesheet" type=

"text/css" href=

"../css/type.css"

/>

"text/css"

>

@import url(.

./css/style.css)

;<

/style>

*/*萬用字元,選擇所有的元素*/

/* 花括號前面的叫選擇器/選擇符,表示要定義樣式的物件叫選擇器。

*/ div

/*直接把標籤寫在花括號前面的叫元素選擇,型別選擇器*/

#head1

#box

.head,

.wrap

/* 三種樣式表的區別:

1.作用域不同:內聯樣式的作用域是最小的,其次是內部樣式,作用域最大的是外部樣式

2.優先順序不同:內聯樣式具有最高的優先順序,內部的和外部的和書寫位置有關,寫在後面的優先順序高

*/.list li a

/*後代選擇器,包含選擇器*/

.list li a

.text>span

/*子選擇器*/

/*元素選擇器,類選擇器,id選擇器,後代選擇器,萬用字元選擇器*/

a:link

a:visited

a:hover

a:active

a a:hover

/*偽類選擇器*/

:link

:active

:visited

.list2:hover

.head,

.banner,

.product,

.news

/*群組選擇器???*/

.head

.banner

.product

.news

.links

<

/style>

<

/head>

="head"

>

<

/div>

="banner"

>

<

/div>

="product"

>

<

/div>

="news"

>

<

/div>

="link"

>

<

/div>

="footer"

>

<

/div>

"#">鏈結文字<

/a>

>

>

="text"

>

我有乙個夢,像雨後彩虹,用所有淚水換來笑容。<

/span>

<

/p>

還有一種愛,穿越了人海<

/span>

<

/div>

="list1"

>

"#">測試文字<

/a>

<

/li>

"#">測試文字<

/a>

<

/li>

"#">測試文字<

/a>

<

/li>

"#">測試文字<

/a>

<

/li>

<

/ul>

="list2"

>

"#">測試文字<

/a>

<

/li>

"#">測試文字<

/a>

<

/li>

"#">測試文字<

/a>

<

/li>

"#">測試文字<

/a>

<

/li>

<

/ul>

<

/h1>

"head1"

class

="wrap"

>

<

/div>

"box"

class

="head"

>

<

/div>

<

/div>

<

/div>

<

/body>

<

/html>

前端基礎CSS第四天

css第四天 border radius 屬性用於設定元素的外邊框圓角 border radius length radius 半徑 引數值可以為數值或百分比的形式 如果是正方形,想要設定為乙個圓,把數值修改為高度或者寬度的一半即可,或者直接寫為50 該屬性是乙個簡寫屬性,可以跟四個值,分別代表左上...

基礎學習第四彈

typedef struct node stud 沒什麼好說的。多個指標而已 stud create int n else p2 p1 p1 next null return head stud find head stud head,int i else return p1 之前單鏈表那就想是不是...

css第四天 浮動

1css布局的三種機制 1.1標準流 最穩定 塊級 自上而下 行內 自左到右 1.2浮動 浮動可以讓多個塊級元素子在一行無縫隙顯示,布局最為長常用 1.3定位 2浮動2.1目的 讓多個塊級元素在一行顯示 浮動只要左右,沒有居中 我們的浮動元素只能一行顯示 除非裝不開盒子,才會下來 2.2口訣 浮 漂...