css笔记

CSS 指层叠样式表(Cascading Style Sheets),是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,起装饰作用。前者(如 HTML)负责确定网页中有哪些内容,CSS 则确定以何种外观(大小、粗细、颜色、对齐和位置)展现这些元素。

简介
什么是 CSS
CSS 指层叠样式表(Cascading Style Sheets);
样式定义如何显示 HTML 元素;
样式通常存储在样式表中;
把样式添加到 HTML 中,是为了解决内容与表现分离的问题;
外部样式表可以极大提高工作效率;
外部样式表通常存储在 CSS 文件中;
多个样式定义可层叠为一;
样式对网页中元素位置的排版进行像素级精确控制。
样式层叠
样式层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。

层叠顺序
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,按优先级从高到低依次为:

内联样式(在 HTML 元素内部)
内部样式表(位于 <head> 标签内部)
外部样式表
浏览器默认设置
语法
CSS 规则由两个主要的部分构成——选择器,以及一条或多条声明:

Selector {
    Property: Value;
    Property: Value;
}

选择器通常是需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性(property)是希望设置的样式属性。每个属性有一个值。属性和值由冒号分开。

CSS 声明总是以分号 ; 结束,声明组以大括号 {} 括起来。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS 指层叠样式表(Cascading Style Sheets),是一种用来为结构化文档(如 HTML 文档或...
    神齐阅读 6,430评论 0 14
  • 语义化 标签一 标签二 CSS 认识CSS 1、CSS全称为“层叠样式表 (Cascading Style She...
    wq04200阅读 4,181评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,690评论 1 92
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 11,437评论 2 66
  • CSS初识 CSS(Cascading Style Sheets) 美化样式 CSS通常称为CSS样式表或层...
    猪上山阅读 3,523评论 0 1

友情链接更多精彩内容