当前位置 : 主页 > 网页制作 > css >

CSS基础知识

来源:互联网 收集:自由互联 发布时间:2021-06-13
1、派生选择器 div span{color:red} 2、id选择器 #diva{color:red} 3、id选择器与派生选择器结合使用 #diva p{color:red} 4、类选择器.divclass{color},同样类选择器下的派生选择器 .divclass p{} 5、属性选

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;}背景阴影,四个参数分别为,距离原坐标距离,上面距离,背景文字清晰度,背景文字颜色
网友评论