RSS
热门关键字:  背景音乐代码  播放器代码  校播放器代码内网  漂亮的雪  浪漫
当前位置 :| 主页>校内网使用教程>

校内网css代码教程(字体篇)

来源:www.biyela.net 作者:新版校内网代码 时间:2008-02-02 点击:

校内网css代码教程

玩校内网(XIAONEI.COM)的朋友肯定知道,现在校内网已经过滤了HTML标签的使用,所以将有很大一部分的校内网成品不能使用,实际上很简单的,只要朋友们把代码中的HTML代码去掉就OK了其中包含<TABLE><TR><TD><H1><H2><H3><H4><H5><P><FONT><EMBED><DIV>等,但是我们还是可以通过CSS来美化咱们的校内网页面,所以本站做了此教程来帮助朋友们更好的了解CSS

1、CSS的概念:

CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
2、如果将CSS插入到你的校内网涂鸦板?
这里我们只讨论一种方法,就是在校内网涂鸦板里加入
<style type="text/css">
CSS标签 {属性:属性值}
</style>
3、CSS语法:
Selector { property: value }
参数说明:
Selector -- 选择符
property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。定义之间用分号(;)隔开
那么,哪些选择符可以用呢?
要解决这个问题我们结合校内网的源代码来看

从上面的图我们可以看到,像
<body><td>等这样的HTML标签即可这样的定义其属性(1)
<style type="text/css">
body {font-size:10pt}
</style>
也可以一次性定义多个如下:
body,td,font {font-size:10pt;color:red}
另外就是在标签后带了Class=的情况(2)
像这样的我们用如下方法定义其属性
<style type="text/css">
.popub {font-size:9pt}
</style>
其三就是ID=后面的属性(3)
定义如下:
<style type="text/css">
#poketo3 {font-size:10pt}
</style>
这就校内网CSS的几种情况,下面我们就来看下定义文字的CSS属性

font : font-style || font-variant || font-weight || font-size || line-height || font-family
font : caption | icon | menu | message-box | small-caption | status-bar
说明:

设置或检索对象中的文本特性。该属性是复合属性。
示例:

p { font: italic small-caps 600 12pts/18pts 宋体; }

color : color
说明:

检索或设置对象的文本颜色。无默认值。
示例:

div {color: #345456; }
div { color: rgb(100,14,200); }

font-family : name
说明:

设置或检索用于对象中文本的字体名称序列。
示例:

div.fixedwidth { font-family: Courier, "Courier New", monospace }

font-size : absolute-size | relative-size | length
说明:

设置或检索对象中的字体尺寸。
默认值为absolute-size的medium值。
示例:

p { font-style: normal; }
p { font-size: 12px; }
p { font-size: 20%; }

font-style : normal | italic | oblique
说明:

设置或检索对象中的字体样式。
示例:

p { font-style: normal; }
font-weight : normal | bold | bolder | lighter | number
说明:

设置或检索对象中的文本字体的粗细。
示例:

span { font-weight:800; }
text-decoration : none || underline || blink || overline || line-through
参数:

none :  无装饰
blink :  闪烁
underline :  下划线
line-through :  贯穿线
overline :  上划线

说明:

检索或设置对象中的文本的装饰。
示例:

div { text-decoration : underline; }
div { text-decoration : underline overline; }
这些就常用的格式校内网涂鸦板代码的效果,当然朋友们可能懒得去写,所以本站给也几个实例,朋友们可以去学习学习


最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
栏目列表