CSS简介及语法

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,721评论 0 1
  • 本文为阅读《Head First HTML 与 CSS》的css部分的读书笔记,方便回顾书上的知识,另一篇为Hea...
    兼续阅读 5,826评论 0 17
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,502评论 0 40
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,185评论 1 4