前注：圖檔和部分内容引用的網易雲課堂的，是以，侵，私信，删。
這篇也算上周的
（10）打開一個網頁時，以新視窗形式打開
将
<a href="www.baidu.com"></a>
新增屬性：
<a href="www.baidu.com" target="_blank"></a>
即可。
（11）關于塊間的莫名空隙
假設有html代碼：
<div id="a">
<div id="mm">
aa
</div>
</div>
<div id="b">
bb
其有css屬性：
#mm{
margin:20px;
}
問題：
若給a塊和b塊染色，會發現，a塊和b塊之間将會有一定空隙（透明的）。
解決辦法：
①給mm的父塊a和b，增加一條屬性：
padding:1px;
即可（不能是0）。（背景色将自動填充空隙區域）
②如果想避免在其他方向出現的空隙，那麼在隻在需要的方向（例如隻對padding-top和padding-buttom設定屬性）
（12）背景圖檔（完全填充）
html代碼：
<!--背景圖檔-->
<divid="layer1">
<imgsrc="image/index_bg2.jpg" height="100%"width="100%"/>
css代碼：
#layer1
{ /*由于背景圖檔不能縮放，故如此設定*/
position:absolute;
width:100%;
height:100%;
z-index:-1;
opacity:0.7;
即可
（13）輸入框在空的時候有文字，輸入内容後消失
<input id="keyword" type="text"placeholder="過濾" value=""/>
這裡的placeholder="過濾"，就是底文字
（14）滑鼠移動到上面的時候，顯示提示
如代碼：
<input id="baoji" type="text" placeholder="請輸入數字"style="text-align:right;width:75px"title="可以輸入小數">
效果：
（15）html标簽圖
注：這個圖檔是從網易雲課堂截取的。
（16）設定文本垂直居中
簡單辦法是：在css屬性裡，設定
line-height: xx px;
其中的xx，值和這個div塊的height的一樣。
（17）選擇器整理
選擇器
方法
html
示例
id
#id名
<p id="a">
#a{xxxx}
class
.class名
<p class="a">
.a{xxx}
通配符
通配符名
<div>
div{xxxx}
如果是*，表示所有元素
屬性
disabled
<input disabled>
<xx type="button>
[disabled]{xxxx}
[type=button]{xxx}
選擇所有 有class="a"的
[class~=class名]
<x class="a b">
<x class="a">
兩個被同時選中
[class~=a]{xxx}
選擇所有某屬性的值裡有pp
[屬性|=pp]
<p lang="pp">
<p lang="bpp">
都要被選中
[lang|=pp]{xxx}
②
選中href裡面，有#的（第2、3個），這個符号是英文狀态下，shift + 6
③
選中href裡面，格式是pdf的（即第二個）
④
選擇href裡面，值有lady.163.com的所有标簽（即1和2）
④僞類選擇器
a:link表示，所有連結的樣式；
a:visited表示，通路過的連結的樣式；
a:hover表示，滑鼠移動上去之後的樣式；
a:active表示，使用者滑鼠點選上去之後的樣式
其中hover和active還可以對其他的生效。
如果四個都用，要按順序來寫。
⑤不同狀态下的樣式
enabled表示，可用時的樣式；
disabled表示，不可用時的樣式；
checked表示，選中時的樣式。（比如單選框）
⑥和清單相關的
li:first-child{xxxx}表示第一個的樣式
li:last-child{xxx}表示最後一個的樣式
li:nth-child(even){xxx}表示奇偶相間的，偶數項的樣式，odd表示奇數項。注意，如果有其他<p>或者<li>标簽或其他，雖然标簽名不同，但依然會影響起效果的順序（比如奇數變偶數）。
even可以修改，比如使用2n+2（n從0開始），表示選擇2、4、6項個子元素。
也可以改為：li:nth-last-child(2n+2){xxx}表示倒着數第2、4、6個，這裡是5、3、1項
⑦隻選中隻有一個子元素的項
html代碼如：
隻影響aa
⑧對于自定義清單，選擇第一個<dd>
dd:first-of-type{color:red}
效果是dave shea那項變紅色（但人民郵電出版社不變）
first-of-type表示第一個這個類型（dd）的元素。
可以更改為last-of-type（最後一個）
nth-of-type(even) 表示偶數個
nth-last-of-type(2n)倒數的偶數項的元素
⑨選擇在a标簽範圍内，隻有一個b标簽的b标簽
如第一行有2個<span>，而第二行隻有一個<span>
若對第二行css染色，使用
span:only-of-type{xxxx}
⑩不常用的
:empty 選中頁面中沒有子元素的元素
:root 選中根标簽
:not() 不包含某個選擇器的元素，參數是簡單選擇器
:target 選中被錨點選中的目标元素
:lang() language為某些特殊值的元素
簡單選擇器組合起來之後，表示兩個條件都符合的元素。