四期学习小组

CSS第一节

2017-04-20  本文已影响5人  木子abcd子木

    什么是CSS

定义:重叠样式表,控制页面和布局

CSS样式

所有的标签都有一个默认样式


内联式    在行内写style样式

内嵌式  在head内嵌套style

外联CSS样式    rel指定Html与css的文本样式,href 是连接外部样式表的

导入样式表      @import url(main.css)   //将css样式表导入到当前的位置,且放在所                        有样式设置之前

CSS语法

color:前景色 background-color:背景色

width/height   设置div的宽度/高度

块注释

/*start*/

块内容

/*end*/

*{ font-size: 16px; }        //通配符选择器,*代表选择当的页面中的所有的标签

#id .class类(选择器)

一个id地址只可在网页设置中出现一次(id标签设置不能是标签名),类标签可以多次选择(类标签也可以一次选择多个类)     /*页面开发建议多使用class类 ,当确定只会出现一次时时用id选择器*/

CSS复合选择器

h3.purple-black{}     //是指即是h3标签又有.purple-black属性

.box li{ color: green;}    //类.box对应下的li标签的后代选择器

div li{}         //div对应下的li标签的后代选择器

.class,h3{ color:green;}   //并集选择器,类class和h3标签有共同的属性

h > p          //h 标签下的所有p标签都有该属性,若低一级别的则没有

优先权          //谁的权重优先,显示谁的

属性选择器

h1[id][class]      把同时拥有id 和class属性的h1标签给筛选出来

伪类

:link/:hover/:visited  超链接未访问/鼠标悬挂/访问过的超链接

上一篇 下一篇

猜你喜欢

热点阅读