当前位置:首页 > 技术文章 > 正文内容

CSS 简介

lcy2010-07-05技术文章1626

首先学习CSS


 

样式解决了一个普遍的问题

HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成,而不使用任何的格式化标签。

由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。

为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。

所有的主流浏览器均支持层叠样式表。

样式表极大地提高了工作效率

样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。

由于允许同时控制多重页面的样式和布局,CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者,你能够为每个 HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。

多重样式将层叠为一个

样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。

层叠次序

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

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

  1. 浏览器缺省设置

  2. 外部样式表

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

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

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

 

需要具备的基础知识

在继续学习之前,你需要对下面的知识有基本的了解:

  • HTML

  • XHTML

CSS 概述

  • CSS 指层叠样式表 (Cascading Style Sheets)

  • 样式定义如何显示 HTML 元素

  • 样式通常存储在样式表

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

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

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

  • 多个样式定义可层叠为一

  •  

 

版权声明:本文由cy's Blog发布,如需转载请注明出处。

本文链接:https://www.c3389.com/post/141.html

相关文章

【安全通报】JumpServer远程命令执行漏洞

2021年1月15日,百度云安全监测到JumpServer发布紧急的安全公告,修复了一处远程命令执行漏洞。由于JumpServer某些接口未进行权限限制,攻击者可以构造恶意请求获取日志文件,或者通过相...

SQL Server数据库转移方法

 1. 通过工具DTS的设计器进行导入或导出  DTS的设计器功能强大,支持多任务,也是可视化界面,容易操作,但知道的人一般不多,如果只是进行SQL Server数据库中部分表的移动,用这...

hyper-V MAC分配的说明(转)

Hyper-V上运行的虚拟机,我们一般都会去给它绑定网络,分配网卡。默认情况下,当你安装完成Hyper-V角色以后,Hyper-V就准备好了256个MAC地址以供虚拟机使用,这256个MAC地址,也就...

IIS卸载后重装时提示:安装程序无法复制一个或多个文件 特定错误码是 0xe0000233

 网上找的解决办法都是说没有删除干净,不过服务里iisadmin也没有了。进程里也没有,是删除干净了。服务器重启还是不行,最终我的解决办法是:C:\Inetpub 权限给everyone完全...

docker 设置国内镜像源

国内下载 docker 镜像比较慢,可以设置国内的镜像地址,方法是:修改 /etc/docker/daemon.json 文件的 registry-mirrors 值,如:{   ...

国庆中秋双节特价:美国服务器 vps季付送1个月 年付送6个月,截止 2015.10.8

‍‍‍‍‍‍‍‍‍‍‍‍‍智博网络 庆双节现举行以下优惠活动国庆中秋双节特价:美国服务器 vps季付送1个月 年付送6个月,截止 2015.10.8www.zbusa.com  详询QQ:...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。