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 左右自动适中
设置字体: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 左右自动适中
相关文章推荐
- CSS学习:文本排版,颜色,背景,边框,边距
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- css 样式设计(一)( 在线150个例子 | 背景 | 文本 | 字体 | 链接 | 列表 | 表格 | 盒模型 | 边框 | 轮廓 | 边距 | 填充 |分组和嵌套 | 尺寸 | 定位 | 浮动 |对齐 )
- css完整总结:第二篇(尺寸,外补白,内补白,边框,背景,颜色,字体,文本,文本装饰)
- 前段成长之路——CSS3基础(一)边框,颜色,字体,背景
- CSS学习笔记(1)CSS基础语法/字体/文本
- css基础学习(1)(背景,字体,样式)
- CSS3 选择器、颜色与度量单位、文本、边框、背景
- CSS中背景图片,文本,列表与盒子模型的边框与边距
- CSS从基础到熟练学习笔记(三)CSS中的5种背景属性(背景颜色、背景图片、固定背景图片等)
- HTML基础-样式位置、背景、边框、内外边距、盒模型和结构、文本、常见样式
- CSS学习之字体,文本,列表,背景设计基本内容
- CSS学习03-字体、文本、背景和列表设置
- Android程序员学WEB前端(7)-CSS(2)-伪类字体文本背景边框-Sublime
- css基础学习之文本和颜色属性
- CSS基础学习2-CSS设置颜色与背景
- android基础学习(2)-------修改TextView字体颜色和背景颜色
- css基础 设置div标签 宽度 边框线颜色样式 div中文本居中 div块在网页中居中 div中内容距边框线的距离