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规定背景图片的尺寸

background-size：1000px 1000px;  

2. background-origin规定背景图片的定位区域
3. background-clip规定背景绘制区域

---

css3文本

1. text-shadow向文本添加阴影 ,数值表示 左 上 清晰度 颜色

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

2. word-warp规定文本的换行规则

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设置元素溢出该区域发生的事，是否滚动
4. outline-style轮廓 outline-color outline-windth