CSS基础知识

青春壹個敷衍的年華 提交于 2019-12-02 00:29:11

1、派生选择器 div span{color:red}

2、id选择器 #diva{color:red}

3、id选择器与派生选择器结合使用 #diva p{color:red}

4、类选择器.divclass{color},同样类选择器下的派生选择器 .divclass p{}

5、属性选择器

[ title]{color:red}

指定命名的属性选择器 [ title="t"]{color:red}

5、padding与margin,比如说黑色是一个p标签(背景设为黑色,文字设为黄色),padding设置后就是文字到与背景距离,

margin为p标签到上级之间的距离。

 6、background背景

background-color背景颜色,background-image背景图片,background-position:right top/100px 150px(距左、距上),background_repeat图片是否从复,

background-attachment图片是否固定位置(向下移动时候图片是否继续可见)

7、文本样式

#p3{text-transformlowercase;}
p{width:300px}
p{text-shadow3px 5px 1px #ff0000;}背景阴影,四个参数分别为,距离原坐标距离,上面距离,背景文字清晰度,背景文字颜色

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!