玩转CSS,从菜鸟开始之 CSS字体颜色的设置
今天写了一个简单的网页,请看代码:
错误的:
HTML代码:
今天的日子
//CSS代码使用外部引入式
我的家乡在凯里
CSS代码:
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*要的就是这样的效果:设置字体颜色为红色*/
}
结果显示的字体:颜色无变化
正解:
今天写了一个简单的网页,请看代码:
错误的:
HTML代码:
今天的日子
//CSS代码使用外部引入式
我的家乡在凯里
CSS代码:
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*要的就是这样的效果:设置字体颜色为红色*/
}
结果显示的字体:颜色红色,
结论:
rel是Relations的缩写 指关联到一个stylesheet(样式表单)
在标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。一般这里是不需要改动的
相关文档:
html部分
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>XHTML ......
今天看到一篇文章是css打造进度条。然后自己做成动态的进度条,同样,使用到css和jauery,请看:
1 首先,需要引入jquery.js文件。
<script src="Content/jquery.js" type="text/javascript"></script>
2 所用到的样式部分:
<style>
.graph {
& ......
IE6下默认的字体尺寸大致在 12 – 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:4px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。添加overflow: hidden解决问题。
<div style=&rdquo ......
css实现背景拉伸 制作页面时,有时需要在表格内插入背景图,我们可以使用CSS进行控制,代码:
style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;"
其中,./images/counter_bg.jpg为显示图片路径。 ......