用CSS设置文本的属性
一、CSS 中长度与颜色
1、长度单位说明
in 英寸
cm 公分
mm 公里
cm 以目前字体高度为单位
ex 以小写字母高度为单位(大部分不支持)
pt 1pt/72英寸
pc 1pc/12pt
px 像素(推荐使用)
2、颜色单位: 说明
十六进制如:color:#ff0000
颜色名称如:color:red
三原色单位如:rgb(255,0,0)
一般最常用的是十六进制,三原色单位的原理【红(r),绿(g),蓝(b)】混合而成,每个值域在0-255之间
二、CSS 中的文字属性
font-style
normal 正常显示
italic 斜体
bold 粗体
font-size 像素字体大小 百分比字体大小
font-family 字体名称设置字体名称
font-variant
normal 正常显示
small-caps 将英文大小写字母写调为同宽
font-weight normal 正常显示
font属性简化的使用方法:
font:是否斜体是否同宽是否粗体大小字体名称
例如:font:italic bold 200 黑书;
三、CSS中的文本属性
color 十六进制颜色、英文名称颜色、三原色单位颜色
letter-spacing
normal 正常显示
长度 文本间隔
word-spacing
normal 正常显示
数字 单词间距
white-space
normal 文本自动处理换行
pre 换行和空白受保护
nowrap 强制在同一行显示
text-align
left 文字靠左
right 文字靠右
center 文字靠中
text-decoration
none 正常显示
underline 加上下划线
overline 加顶线
line-through 加删除线
text-indent
长度 首行缩进
百分 首行缩进
line-height 像素行高
数字/百分比 行高
text-transform
none 正常显示可以包含大,小字符
capitalize 字符串第一个字符大写
uppercase 设置大写字符
lowercase 设置小写字符
vertical-align
sub 设置文字为下标。
super 设置文字为上标。
top 元件往上端靠齐。
middle 设置文字是在中线位置。
bottom 元件往下端靠齐。
相关文档:
一直在想用css怎么做下拉菜单,之前看到的下拉菜单都是用js做的,可是又不懂js,今天终于用css研究出来了,大家指教指教。
下面的代码直接考了就行。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org ......
CSS中visibility与display的区别
CSS中的属性visibility与display都可实现显示、隐藏元素的效果,但他们之间也有很大的区别。
visibility规定元素的内容是否显示;而display规定元素本身的现实方式,可以决定元素本身是否可见。
visibility的visible表示显示,hidden表示隐藏。当visibility被设置为"hidden"时,虽然元素 ......
使网页变灰,有两种方法可实现:
第一种,全部变灰:
<style type="text/css">
html { FILTER: gray }
</style>
第二种,局部变灰,广告代码不会变灰:
<style type="text/css">
BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style> ......
CSS优先级包含四个级别(文内选择器,ID选择器,Class选择器,元素选择器)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。
CSS优先级的计算规则如下:
* 页面中直接设置style,加1,0,0,0
* 每个ID选择器(如 #id),加0,1,0,0
* 每个Class选择器(如 .class)、每个属性选择器(如 [attribute=])、每个 ......