| Posted in 肆 |分享Ta @ 09/01/2009 12:03 by candice
调用CSS文件
语句
<link href="SJYT_candice.css" rel="stylesheet" type="text/css" />

说明:SJYT_candice.css是外部CSS文件名,可根据需要更改。调用语句写在网页头部。

实例
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>谁家丫头——独立小桥风满袖</title>
<link href="candice.css" rel="stylesheet" type="text/css" />

说明
<title>里边是网页名称,通常显示在浏览器最顶部信息。candice.css是外部CSS文件名,前半部可更改  .CSS的后缀名不能改.

———————————————————勤劳的分割线小a———————————————————————

CSS设置“微软雅黑”字体
实例
.candice { font-size:14px;  color: #ff0000;  font-weight: bold;  font-family:'微软雅黑','黑体','宋体'; line-height:150%; }

说明
font-size为字号; color为字体颜色;font-family部分是指如果系统未安装微软雅黑字体,按顺序用“黑体”,或“宋体”替代,也可以增加其它备用字体;bold是设置字体加粗。line-height是字行距。

———————————————————勤劳的分割线小b———————————————————————

CSS定义边框

实例
. candice { BORDER:#ff0000 dashed 1px;  PADDING-LEFT:10px; BACKGROUND: #F1E8D8; }

说明
dashed表示虚线 solid表示实线  border-top上边框 border-right右边框   border-bottom下边框 border-left左边框;1px是指边框线像素是1;PADDING-LEFT 是设定左边距为10像素;BACKGROUND是背景颜色

———————————————————勤劳的分割线小c———————————————————————

超链接字体样式设置
a:link:设定正常状态下链接文字的样式;
a:visited:设定访问过的链接文字的样式;
a:hover:设定鼠标放置在链接文字上时文字的样式;
a:active:设定鼠标单击时链接文字的样式。
text-decoration:none; //中none表示没有下划线 ,underline表示有下划线 ,line-through 表示有贯穿线

实例
.candice:link,.candice:visited,.candice:active{ color:#0050FF; line-height:180%; font-size:12px; font-family:'微软雅黑','黑体','宋体';}
. candice:hover {TEXT-DECORATION: none;}
说明
本例是设定在默认状态下的字体颜色,行高,字体大小,字体默认是微雅。鼠标经过时消失下划线的效果。

文章来自: 本站原创
发表评论
昵称
密码 [ 游客无需密码 ]
电邮
网址
打开HTML 打开UBB 打开表情 隐藏 记住我