CSS第一节

    什么是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  超链接未访问/鼠标悬挂/访问过的超链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS定义: CSS 指层叠样式表 (Cascading Style Sheets) CSS通常称为CSS样式表或...
    显然2017阅读 881评论 0 8
  • CSS第一节 CSS :层叠样式表 (Cascading Style Sheets)或级联样式表。 CSS用途:主...
    金妮ing阅读 479评论 0 1
  • 2.5类选择器 类选择器,是对HTML标签中class属性进行选择。CSS类选择器的选择符是 "."例如:.dem...
    千里一线缘阅读 536评论 0 0
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,594评论 32 459
  • 1.1CSS语法 选择符 属性声明 括号 换行不敏感、空格不敏感 案例: div { color:red;} p{...
    千里一线缘阅读 486评论 0 0