易截截图软件、单文件、免安装、纯绿色、仅160KB

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


相关文档:

div+css之左右栏目自动等高

在用DIV+CSS排版时,经常要使左右两边栏目自动等高。这里介绍个简单方法~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<m ......

CSS布局口诀 CSS BUG查找顺口溜

引用牛人经典口决
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布 ......

网站变黑灰色CSS滤镜代码

网站变黑灰色CSS滤镜代码
引自:http://edu.seuuo.com/html/81/n-12181.html
为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动 ......

Goodbye to CSS Hack


看看下面这段代码,是否倍感亲切但又觉得很陌生呢:
.test {
background-color: black; /* firefox, opera, ie8 */
[;background-color: green;] /* safari, chrome */
*background-color: blue; /* ie7 */
_background-color: red; /* ie6 */
}
html*~/**/body .test {
border: 5px solid ......

CSS总结

CSS 基础语法
 
当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
1.   浏览器缺省设置
2.   外部样式表
3.   内部样式表(位于 <head> 标签内部)
4.&nb ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号