CSS

@charset "utf-8";

/*@import "test.css";*/

/*通用选择器*/

/**{

border: 1px solid red;

}*/

/*元素选择器*/

p{

color: red;

font-size: 20px !important;

font-family: 微软雅黑；

text-decoration:underline;/*下划线*/

text-decoration:overline;/*上划线*/

text-decoration:line-through;/*中间删除线*/

/* text-decoration:blink;/*文本闪烁*/*/

text-transform: uppercase;/*小写转换成大写*/

text-transform: lowercase;/*大写转换成小写*/

text-transform: capitalize;/*首字母转换成大写*/

text-shadow: 5px 5px 3px;

text-align: center;

}

/*ID选择器*/

#abc{

color: green;

}

/*类选择器*/

.abd{

color: blue;

}

b.abd{

color: blue;

font-size: 40px;

}

/*属性选择器*/

[href]{

}

/*分组选择器*/

p,b,span{

}

/*混合选择器*/

#abc,.abd,p,i,span{

}

/*后代选择器:p标签下的b标签设置*/

p b{

}

/*子选择器*/

ul > li{

}

/*兄弟选择器*/

p + b{

}

/*普通兄弟选择器*/

p ~ b{

}

/*块级首行选择器*/

::first-line{

}

/*块级首字母选择器*/

::first-letter{

}

a::before{

content: "前加"

}

a::after{

content: "后加"

}

div{

background: silver;

width: 200px;

height: 200px;

min-width: 100px;

min-height: 100px;

max-width: 300px;

max-height: 300px;

width: 50%;

padding-top: 10px;

padding-bottom: 10px;

padding-left: 10px;

padding-right: 10px;

padding: 10px;

padding: 10px 20px 30px;

padding: 10px 20px 30px 40px;

margin-left: 50px;

overflow-x: auto;

visibility: visible;

}