010 僞類選擇器

時間 2019-11-12

標籤選擇器简体版

原文原文鏈接

一：僞類選擇器html

1.描述spa

　　是以：爲開頭code

2，連接僞類選擇器htm

　　:link：未訪問的連接blog

　　:visited：已訪問的連接input

　　:hover：鼠標移動到連接上it

　　:active：選定的鏈接io

3.案例class

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7         a:link {
 8             color: #3c3c3c;
 9             font-size: 25px;
10             text-decoration: none;
11             font-weight: 700;
12         }
13         a:visited {
14             color: orange;
15         }
16         a:hover {
17             color: #f10215;
18         }
19         a:active {
20             color: green;
21         }
22         
23     </style>
24 </head>
25 <body>
26     <a href="http://www.baidu.com">連接1</a>
27 </body>
28 </html>

二：Subline快捷鍵meta

1.快捷鍵

　　tab

　　div*3：顯示三個div

　　div>p：則嵌套

　　div+p：div與p並列

　　:屬性：展現整個

三：標籤的顯示模式

1.lock-level

　　ol,li,p,div,h1

2.行內塊

　　img，input，tdt

3.案例

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7         div{
 8             width: 900px;
 9             height: 400px;
10             background-color: red;
11         }
12     </style>
13 </head>
14 <body>
15     <div>222</div>
16     <div>333</div>
17     <div>111</div>
18 </body>
19 </html>

4.轉換

　　塊轉行：display:inline

　　行轉塊：block

　　行內塊：line-block

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。