玩转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在文档初始化时将被使用。一般这里是不需要改动的
相关文档:
CSS:
<style type="text/css">
a{
color: #FFFF99;
text-decoration: none;
}
a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#nav{
padding: 10px 10px 0;
font-size: 12px;
font-weight: bold;
margin: 1em 0 0;
......
css布局的时候多多注意一下,相信很快就可以掌握了css布局的技巧!
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记 ......
Alert{
backgroundColor: #2791DB;
headerColors:#2791DB,#2791DB;
borderThicknessLeft:0;
borderThicknessRight:0;
borderThicknessTop:0;
font-size:14;
buttonStyleName: myCustomButtonStyleName;
}
.myCus ......
-----------------------------------------------
链接外面文件css
<link href="layout.css" rel="stylesheet" type="text/css" />
-----------------------------------------------
写文本 : <div id="mainContent">
<p>1列固定宽度居中+头部+导航+尾部—&mdash ......