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口訣 浮 漂...