CSS文本属性及背景属性

1.css中设置文本水平位置的属性及其属性值

text-align: left ; right ; center ; center ; justify ;

left ----------把文本排列到左边。默认值:由浏览器决定
right -------- 把文本排列到右边
center ------把文本排列到中间
justify -------实现两端对齐文本效果

2.背景图片重复的属性及属性值。

background-repeat : repeat ; no-repeat ; repeat-x ; repeat-y ; **

background背景

repact ------------默认。背景图像将在垂直方向和水平方向重复
repeat-x --------背景图像将在水平方向重复
repeat-y --------背景图像将在垂直方向重复
no-repeat -----背景图像将仅显示一次。

3.文字样式属性有哪些?

(1)font-size设置文字尺寸

small 小的
medium 中等
large 大的
smaller 设置为比父元素更小的尺寸。
larger 设置为比父元素更大的尺寸。
length 设置为一个固定的值。
% 设置为基于父元素的一个百分比值

(2)font-family 设置字体系列
(3)font-style 设置字体风格

normal - 文本正常显示
italic - 文本斜体显示
oblique - 文本倾斜显示

(4)font-weight 设置字体粗细

normal 正常
bold 粗体
bolder 比所继承值更粗的一个字体加粗
lighter 会将加粗度下移。
关键字 100 ~ 900 为字体指定了 9 级加粗度,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold

4.英文字母大小写转换

Text-transform uppercase lowercase cpitalize

Text-transform 控制文本的大小写。

capitalize 文本中的每个单词以大写字母开头
uppercase 定义仅有大写字母
lowercase 定义无大写字母,仅有小写字母

5.文字的装饰效果及属性

Text-decoration : underline ; overline ; line-thorugh ; none ;

text-decoration 文本的修饰

none 默认。定义标准的文本
underline 定义文本下的一条线。
overline 定义文本上的一条线
line-through 定义穿过文本下的一条线
blink 定义闪烁的文本

6.设置中英文之间字词的间距

word-spacing: normal ; length ;

word-spacing字间距

normal 默认。定义单词间的标准空间。
length 定义单词间的固定空间。

7.设置段落的垂直对齐方式

vertical-align 元素的垂直对齐

• baseline 默认。元素放置在父元素的基线上
sub 垂直对齐文本的下标
super 垂直对齐文本的上标
top 把元素的顶端与行中最高元素的顶端对齐
text-top 把元素的顶端与父元素字体的顶端对齐
middle 把此元素放置在父元素的中部。
bottom 把元素的顶端与行中最低的元素的顶端对齐。
text-bottom 把元素的底端与父元素字体的底端对齐
length
% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,369评论 2 66
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,083评论 1 4
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,928评论 0 6
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,868评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,110评论 0 1