CSS简介及语法

作者: baiying | 来源:发表于2016-12-12 20:40 被阅读35次

css简介:

  • css(Cascading Style Sheets)指层叠样式表
  • 样式定义如何显示html元素
  • 样式通常存储在样式表中
  • 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
  • 外部样式表*可以极大提高工作效率
  • 外部样式表通常存储在 CSS 文件中
  • 多个样式定义可层叠为一

基础语法:

  • css规则主要由两部分组成,选择器以及一条或多条声明
    selector {declaration1; declaration2; ... declarationN }
  • 选择器:通常为HTML元素
  • 声明:每条声明由一个属性一个值组成,属性和值之间用冒号分隔,多条声明之间用分号分隔。
    例:h1 {color:red; font-size:14px;}(h1是html中的一个元素)

高级语法:

  • 选择器的分组:可以对选择器进行分组,分组后的选择器就可以分享相同的声明。
    例:h1,h2,h3{color:red; font-size:14px;}
  • 继承规则:按照css的规则,子元素从父元素继承属性
    例如:下面的代码body中的子元素都会继承body中所设置的css属性
body  {
     font-family: Verdana, sans-serif;
     }

如若不想让某些子元素(假设有p,h1)继承父元素的css属性而是设置它们自己的属性,那可以这样

body {
     font-family:  sans-serif;
     }
p,h1 {
     font-family: Georgia;
     }

相关文章

  • CSS简介及语法

    css简介: css(Cascading Style Sheets)指层叠样式表 样式定义如何显示html元素 样...

  • w3cshcool CSS笔记 - 草稿

    目录 ### CSS简介 ### CSS语法 ### CSS创建 ### CSS简介 - 样式层叠次序 - 一...

  • CSS 教程

    CSS 教程 CSS 教程 CSS 简介 CSS 语法 CSS Id 和 Class选择器 CSS 创建 CSS ...

  • CSS 演示 - 一个HTML网页多款式!

    CSS教程导航 CSS简介[http://codingdict.com/article/1945] CSS语法[h...

  • 「CSS」语法

    CSS 简介 CSS 引入方法 CSS 语法 浏览器私有属性 属性值语法基本元素组合符号数量符号CSS 规则示例 ...

  • 前端 (2)

    css基本语法及页面引用 css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} ...

  • CSS学习总结

    学了有一小段时间前端了,今做个CSS的总结! 目录: CSS 简介 CSS 语法 CSS 选择器 CSS 引入方式...

  • css

    css基本语法及页面引用 css基本语法 css的定义方法:选择器{属性:值;属性:值;属性:值;}选择器是将样...

  • Sass 和 Compass小结

    Sass 简介 Sass的 SCSS 语法是 CSS3 语法 的一个超集,传统的 CSS 重复的工作太多,而 Sa...

  • CSS

    CSS基本语法及页面引用 CSS基本语法 css定义的方法是:选择器{属性:值;属性:值;}选择器是将样式和页面元...

网友评论

    本文标题: CSS简介及语法

    本文链接:https://www.haomeiwen.com/subject/iptvmttx.html