如何使用CSS
来源:互联网 发布:照片说话软件 编辑:程序博客网 时间:2024/05/01 15:08
CSS样式是由许多CSS规则组成的文件,规则是最小的CSS单位,规则定义一种或者多种样式的效果。每个规则标识它选择网页中的哪些部分,以及它对页面的该部分应用什么属性。网页链接到该CSS样式,就意味着浏览器需要下载该样式,并且当前显示网页时应用这些CSS样式规则。CSS文件可以与任意数量的网页文档链接,因此,CSS样式可以控制整个站点或它的一部分网页的外观。
而且CSS可以和几种不同的标记语言进行使用,包括XML和HTML。
1.超文本标记语言(HTML),由标记文档内特定元素的一系列标签组成。这些元素都是有默认的表示样式的,但是用户可以通过CSS样式或者HTML文件内包括的样式,可以重新定义每个元素的表示样式。
2.XML允许用户自定义标记,XML与HTML的主要区别就是在于XML是用来存储数据的,在设计XML时,它就是用于被描述数据的,重点在于什么是数据,如何存储数据。但是HTML是被设计用来显示数据的,其重点是在于如何显示数据。CSS是可以直接应用用于XML文件,达到添加表达样式的目的。
除此之外,CSS还可以用来设置页面的布局,并且与JavaScript结合生成动态显示效果。
CSS的冲突
如果将两个或者多个CSS样式应用于同一个文件,可能会发生一些冲突并产生意外的结果。那么我们应该怎样判断CSS的冲突呢?
1)如果应用于同一文本的两种CSS样式的属性发生冲突,则浏览器显示最里面的规则(离文本本身最近的规则)的属性,也就是说当两个文件同时应用于同一个文件中,将显示这两种CSS规则的所有属性。如果两者之间有冲突的话,例如,.font1要对字体设置为黑色,.font2要对字体设置为红色,如果哪个离该字近,则就应用于哪个样式。
2)而且,自定义的CSS样式(例如是Class属性应用的规则)中的属性将覆盖HTML中标签的属性。
3)id的CSS样式是高于一切的。就是说如果有冲突的话,id的CSS 样式的属性先执行。
- 如何使用CSS
- 如何使用CSS
- CSS如何使用sprite
- css sprite是什么?如何使用css sprite
- HTML中如何使用CSS
- css中如何使用定位?
- Css基础学习(一)—如何使用CSS?
- 如何使用CSS来进行网页排版
- 如何使用CSS来进行网页排版
- 如何使用css显示所有边框
- C#中如何使用CSS命令
- !important CSS 声明: 如何以及何时使用
- 关于Dreamweaver中如何使用CSS
- 如何在css中使用expression
- 如何使用CSS制作横向菜单
- Django 中如何使用css 详细解析
- 如何使用JS来改变CSS样式
- 如何使用JS来改变CSS样式
- 【PAT】1092. To Buy or Not to Buy
- bzoj2588:Count on a tree(可持久化线段树+Lca)
- xv6源码分析(七):文件系统
- 微信开发二之关键字回复
- JavaScript动态向表格添加数据
- 如何使用CSS
- 素数;最大公约数和最小公倍数;“冒泡”问题
- HDU 3085 Nightmare 双向bfs
- ubuntu16.04下安装cuda8.0
- ToolStripMenuItem
- POJ - 2387Til the Cows Come Home
- ContextMenuStrip 类
- 在WPF中使用WinForm控件方法
- WPF中弹出菜单