css選擇器

1. 派生選擇器

P{
    color：red
}

2. Id選擇器

#pid{
    color：red
}

3. 類選擇器

.pclass{
color：red
}

4. 屬性選擇器

[title]{
    color: blue;
}  

<p title="t">屬性選擇器</p>  

css3背景

1. background-size規(guī)定背景圖片的尺寸

background-size：1000px 1000px;  

2. background-origin規(guī)定背景圖片的定位區(qū)域
3. background-clip規(guī)定背景繪制區(qū)域

css3文本

1. text-shadow向文本添加陰影 ,數(shù)值表示 左 上 清晰度 顏色

p{
    text-shadow: 5px 5px 5px red;
}

2. word-warp規(guī)定文本的換行規(guī)則

p{
    width: 100px;
    word-wrap: normal;
}

css3邊框

1. border-style邊框樣式
2. border-radius圓角邊框

p{
    border-radius: 10px;
    width: 100px;
    background-color: aqua;
    border: 2px solid red;
}

3. box-shadow邊框陰影，同text-shadow

#ky{
    width: 100px;
    height: 100px;
    background-color: chartreuse;
    box-shadow: 10px 10px 5px red;
}

4. border-image邊框圖片

其他

1. 圖片隨著頁面滾動

background-attachment: fixed;

2. font-face引入字體

@font-face {
    font-family: myfont;
    src: url("");
}

3. Overflow設(shè)置元素溢出該區(qū)域發(fā)生的事，是否滾動
4. outline-style輪廓 outline-color outline-windth