美文网首页
CSS文本属性及背景属性

CSS文本属性及背景属性

作者: 不可不信缘_b32e | 来源:发表于2018-06-30 21:46 被阅读0次

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" 属性的百分比值来排列此元素。允许使用负值

相关文章

  • HTML/CSS 03-css核心属性 (文本/列表/背景/边框

    文本相关属性;背景相关属性;浮动属性;盒模型及调整间距;边框相关属性 ; 目录: 一、CSS文本相关属性 二、CS...

  • Day03_CSS属性组成和作用

    学习目标 1、css属性和属性值的定义2、css文本属性3、css列表属性4、css背景属性5、css边框属性6、...

  • CSS文本属性及背景属性

    1.css中设置文本水平位置的属性及其属性值 text-align: left ; right ; center ...

  • 03-CSS核心属性

    学习目标 1、css浮动属性详解2、css文本属性3、css列表属性4、css背景属性5、css边框属性 一、cs...

  • 从零开始学CSS - 样式

    样式 CSS 背景属性 CSS 文本属性 CSS 字体属性 链接 常见的链接样式,text-decorat...

  • 2018-09-19 css核心属性

    DAY4:CSS核心属性 学习目标 1、css浮动属性详解 2、css文本属性 3、css列表属性 4、css背景...

  • CSS之Position详解.md

    Position属性 CSS的很多其他属性大多容易理解,比如字体,文本,背景等。有些CSS书籍也会对这些简单的属性...

  • CSS属性

    link标签的rel属性 rel属性值: CSS的单位 字体的属性 文本属性 背景属性 列表属性 (重要)盒子模型...

  • css扩展/CSS3

    CSS3 边框 CSS3 圆角属性 新的背景属性 新文本属性 新转换属性 以下列出了所有的转换属性: 2D 转换方...

  • 整理常用CSS

    字体属性:(font) CSS文字属性: CSS边框空白 CSS符号属性: CSS背景样式: 指定背景位置 CSS...

网友评论

      本文标题:CSS文本属性及背景属性

      本文链接:https://www.haomeiwen.com/subject/hpmtuftx.html