CSS简介
CSS(Cascading Style Sheets)层叠样式表。
·传统HTML页面排版和显示效果设置方面的问题。
·引入CSS后:Html标记专门用于定义网页的内容,而是用CSS来设置其效果。
CSS分类:
内嵌样式(Inline Style):以属性形式直接在HTML标记中给出,用于设置该标记所定义的信息效果。例如:
<body style ="background-color:#ccffee;">
<p style = "font-size:16px;color:red">第一段</p>
</body>
内部样式表(Internal Style Sheet):在<head>标记中给出,可以同时设置多个标记所定义的信息效果。对当前页面有效,例如:
<html>
<head>
<style type = "text/css">
body{background-color:#ffeecc}
p.mystyle1{font-size:20px;font-color:blue}
p.mystyle2{font-size:40px;font-color:red;text-align:center}
</style>
</head>
<body>
<p class="mystyle1">第一段文字</p>
<p class="mystyle2">第二段文字</p>
</body>
</html>
外部样式表(External Style Sheet):保存在外部文件中,在使用的HTML页面中可以引用,它的文件后缀为.css格式。可以被用到多个HTML页面中。
m1.css代码如下:
body{background-color:blue}
p.style1{font-size:20px;font-color:yellow}
p.style2{font-style:italic;font-size:30px;font-color:red;text-align:center}
03.html代码如下:
<html>
<head>
<link href="m1.css" rel="stylesheet" type="text/css">
</head>
<body>
<p class="style1">第一段</p>
<p class="style2">第二段</p>
</body>
</html>
·样式设置优先级:(从高到低)
内嵌样式表——内部样式表——外部样式表——系统默认样式表
CSS的组成部分:
&m
相关文档:
IE 浏览器中 CSS 特性的最大的问题:会反复执行,每秒钟可能执行了成百上千次,有严重的性能问题。
如何对 CSS 进行优化呢?
至少:如果我们将 CSS 在匹配的元素中仅执行一次,性能将会提升很大。
&nb ......
制作过网页的人都有为画线而烦恼的经历,本文介绍的小技巧也许对你有所帮助。我们先来认识一下“Border”(画边框),它是CSS的一个属性,用它可以给能确定范围的HTML标记(如TD、DIV等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。下面将通过实例来说明其应用技巧。 ......
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
  ......
CSS优先级包含四个级别(文内选择器,ID选择器,Class选择器,元素选择器)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。
CSS优先级的计算规则如下:
* 页面中直接设置style,加1,0,0,0
* 每个ID选择器(如 #id),加0,1,0,0
* 每个Class选择器(如 .class)、每个属性选择器(如 [attribute=])、每个 ......
CSS 基础语法
当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
1. 浏览器缺省设置
2. 外部样式表
3. 内部样式表(位于 <head> 标签内部)
4.&nb ......