您的位置:首页 > Web前端 > CSS

Css基础学习一:字体,文本,颜色,背景,边框,边距

2011-07-13 17:50 841 查看
1. 字体
设置字体:font-family
设置字号:font-size
字体样式:font-style:normal|italic|oblique(正常|斜体|歪体)
字体加粗:font-weight:normal|bold|bolder|lighter|number
(正常|粗体|加粗体|细体|数字一般是整呗,有九个级别100-900)
字体变体:font-variant:normal|small-caps
(正常|英文字母显示为小型的大写字母)

Font:font-family|font-size|font-style|font-weight|font-variant

2. 文本
字符间距:letter-spacing:normal|长度
单词间距:word-spacing:normal|长度
文字修饰:text-decoration:underline|overline|line-through|blink|none
(下划线|上划线|删除线|文字闪烁|默认)
文本排列:text-align:left|right|center|justify
(左|右|居中|两端对齐)
段落缩进:text-indent:长度|百分比
调整行高:line-height:normal|数字|百分比|长度
转化英文大小写:text-transform:uppercase|lowercase|capitalize|none
(所有有单子的字母大写|小写|每个单词的首字母大写|默认值)

3. 颜色背景
设置颜色:color
背景颜色:background-color
背景图片:background-image
背景附件:background-attachment:scroll|fixed
Scroll:表示背景图片随着滚动条的移动而移动,是浏览器默认值。
Fixed:表示背景图片固定在页面上不动,不随着滚动条的移动而移动。
设置重复背景图片:background-repeat:repeat|repeat-x|repeat-y|no-repeat
设置背景图片位置:background-position

Background:

4. 边框,边距,填白
Border, margin, padding
备注:border-width
1个属性值:上右下左均为该值;
2个属性值:前者表示上下的属性,后者表示左右边框的属性;
3个属性值:前者,上属性;中间,左右属性;后者:下属性;
4个属性值:上下左右的属性;
备注:margin:0auto; 上下边为0PX 左右自动适中
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐