CSS 学习一(简介)

一、学习CSS需要具备的HTML和XML基础知识,点我

二、CSS 概述:

1.CSS 指层叠样式表 (CascadingStyleSheets)

2.样式定义如何显示HTML 元素

3.样式通常存储在样式表

4.把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题

5.外部样式表可以极大提高工作效率

6.外部样式表通常存储在CSS 文件

7.多个样式定义可层叠为一

三、样式解决了一个问题:

不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难,为了解决这个问题,万维网联盟(W3C),在 HTML 4.0 之外创造出样式(Style)。所有的主流浏览器均支持层叠样式表。

四、样式表提高了工作效率:

样式表定义如何显示 HTML 元素,样式通常保存在外部的 .css 文件中。通过编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。

五、当同一个HTML元素被不止一个样式定义时,会使用哪个样式?

所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。

1.浏览器缺省设置

2.外部样式表

3.内部样式表(位于 标签内部)

4.内联样式(在 HTML 元素内部)

因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明: <head>标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)

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

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,740评论 32 459
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 7,528评论 0 30
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...
    百作不死的学习阅读 4,968评论 0 7
  • 1.认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义H...
    静默丶阅读 11,082评论 30 95

友情链接更多精彩内容