<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>p:first-letter{color:red;font-size:30px;}p:first-line{background:yellow;}p:before{content:"嘿嘿";}p:after{content:"哈哈";}</style></head><body><p>hello world</p><hr><p>
hello world <br>
welcome to css!
</p></body></html>
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>p{color:red;/* background-color:#0F0; *//* background-color:rgb(0,255, 0); *//* background-color:rgba(0, 255, 0, 0.5); */background-color:#54d2c9;line-height:50px;text-align:center;}img{vertical-align:middle;}div{text-indent:30px;}span{text-decoration: underline;text-transform:capitalize;letter-spacing:3px;word-spacing:8px;}h3{width:300px;height:200px;background-color:#CCCCCC;white-space:nowrap;overflow:hidden;}</style></head><body><p>welcome to CSS!</p><p>welcome to CSS!</p><p>welcome to CSS!</p><p>welcome to CSS!</p><hr><imgsrc="../images/qq.jpg"alt="">
HTML和CSS很简单
<hr><div>&npsp; &npsp; welcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to css</div><div>welcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to css</div><hr><span>hello word!</span><hr><h3>welcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to csswelcome to css</h3></body></html>
DAY2
案例1 01.背景属性.html
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>/* div{
color:red;
background-color:#cccccc
background-color:transparent;
background-image:url(../images/heihei.gif);
background-repeat:no-repeat;
background-position:right top;
height:1000px;
background-attachment:fixed;
background:red url(../../images/heihei.gif)repeat-x 50px 100px;
} *//* .cart{
width:30px;
height:30px;
background-color:CCC;
background-image:url(../../images/icon.gif);
background-color:transparent;
background-position:-160px -30px;
} */</style><linkrel="stylesheet"herf="css/style.css"></head><body><div><p>welcome to CSSwelcome to CSSwelcome to CSS</p><p>welcome to CSSwelcome to CSSwelcome to CSS</p><p>welcome to CSSwelcome to CSSwelcome to CSS</p><p>welcome to: CSSwelcome to CSSwelcome to CSS</p></div><hr><pclass="cart"></p>
购物车
</body></html>