CSS text系列属性

text-shadow

语法规则:

h-shadow(必需,水平阴影的位置,可负);

v-shadow(必需,垂直阴影的位置,可负);

blur(可选,模糊距离);

color(可选,阴影的颜色)。

注意:可以指定多个阴影,用逗号隔开。

text-shadow各种特效

text-align

left,左对齐;

center居中对齐;

right,右对齐;

justify两端对齐。

text-decoration

none,默认值。

underline,下划线;

linethrough,中划线;

overline,上划线。

一个元素只能有一个text-decoration属性,如果既要上划线又要下划线,应该写在一个声明中。

下划线通常会误导用户(以为是链接),慎用。

text-decoration:none,用于取消链接的下划线。

text-transform

none,默认值。

uppercase,全部大写;

lowercase,全部小写;

capitalize,首字母大写。

text-indent

首行缩进

支持数字值和百分数值(以父元素的宽度计算),可负。

white-space

normal(默认值),合并空白符,忽略换行符,自动换行;

nowrap,合并空白符,忽略换行符,不自动换行,除非遇到<br />标签;

pre,保留空白符,保留换行符,不自动换行;

pre-line,合并空白符,保留换行符,自动换行;

pre-wrap,保留空白符,保留换行符,自动换行;

letter-spacing

字母间距,默认值为normal,接受数字值,可负。

word-spacing

字符间距,默认值为normal,接受数字值,可负。

时间: 2024-08-07 14:40:22

CSS text系列属性的相关文章

PHP全栈开发(八):CSS Ⅳ 文本格式属性(text)

文本系列属性主要是设置文本格式的,例如.... 颜色 body {color:red;} h1 {color:#00ff00;} p.ex {color:rgb(0,0,255); 可以设置文本的居中,左对齐,右对齐,两端对齐等,使用text-align属性 h1 {text-align:center;} p.date {text-align:right;} p.main {text-align:justify;} justify属性表示两端对齐 还有设置文本的删除线.下划线.或者删除文本的下划

css基础系列教程:CSS基础语法1

css基础系列教程:CSS基础语法1 作者:www.divcss8.com 我们学习CSS要明白一个重要的问题,CSS主要是解决与实现表现(CSS)与结构(HTML)的分离.我们编写完HTML之后,如何通过CSS对HTML实现控制呢. 1.  行内样式 2.  内嵌样式 3.  链接样式 4.  导入样式 我们这一节课的示例就先从行内样式开始 行内样式:就是直接在HTML上写样式,就是HTML上加属性style=""这种形式.如 <p style="color:#f00

CSS中连接属性的排序

在CSS超链接的属性中,有四个连接方式: a:link  a:hover a:visited a:acticve 之前在使用的时候一直是按照自认为的顺序中去写的,就是 L H V A的排序方式,然而有些时候却发现并不起作用了,查找了一些资料,也上网查找了一下,也有很多人在问及这个问题,如果是按照这种顺序排序,有时候显示正确,而有时候却显示不正确,追究原因,这个可能是由于浏览器的识别先后问题所导致的,也额能有缓存的原因在里面个人觉得,而最正确的写法应该是 L V H ,举个例子: <!DOCTYP

CSS中box-sizing属性的理解与部分用法

今天看了一些关于box-sizing的一些资料,在这里整理一下,希望也能对大家有所帮助. box-sizing是CSS的一个属性,很好的解决了盒模型的相关问题.CSS中的盒模型(Box model)分为两派,一派是W3C的标准模型,一派是IE的传统模型.那它们之间有什么不同的呢?首先需要明确它们都是对元素计算尺寸的模型,具体说就是对元素的width,height,padding,border以及元素实际尺寸的计算关系:而不同的地方就在于两者的计算方法不一至:(下面引用一些公式向大家展示一下两者的

CSS的display属性

网页设计中最常用的标签p.div.h1-h6(默认为块级元素),span(默认为内联元素) 1.把元素显示为内联元素和把元素显示为块级元素 <style type="text/css"> div{ display:inline; background:red;}/*区块元素将转换为内联元素*/ span{ display:block; background:green;}/*将内联元素转换为区块元素*/ </style> </head> <bo

css常用文本属性

[CSS常用文本属性] 1. 字体.字号类: ① font-weight: 字体粗细. bold-加粗.normal-正常.lighter-细体 也可以使用100-900数值,400表示normal,700表示bold ② font-style: 字体样式. italic-倾斜.normal-正常 ③ font-size: 字号. 可以写px单位,也可以写% 200%表示浏览器默认大小(16px)的两倍=32px ④ font-family: 字体系列(字体族). >>> 可以直接写字体

CSS之cursor属性

今天学习了CSS的cursor属性,第一篇博客就用来总结它吧. cursor属性用于控制光标的显示样式,可取的值有这些: cursor:url()*|{auto|default|pointer|crosshair|text|vertical-text|help|not-allowed|no-drop|move|e-reszie|s-resize|w-resize|w-resize|n-resize|all-scroll|ne-resize|se-resize|nw-resize|sw-resiz

CSS的position属性

position属性的定义和用法:检索或设置对象的定位方式.设置此属性值为absolute 会将对象拖离出正常的文档流而不考虑它周围内容的布局.假如其他具有不同z-index属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠.此时对象不具有margin,但仍有padding和边框border.要激活对象的绝对定位,不但要设置此属性值为absolute,而且必须指定left,right,top,bottom属性中的至少一个.否则上述属性会使用他们的默认值auto ,这将导致对

css的一些属性及其属性值

CSS常用文本属性 1.字体.字号类: ①font-weight:字体粗细 bold-加粗.normal-正常.lighter-细体,也可以使用100-900数值,400表示normal,700表示b ②font-style:字体样式.italic-倾斜.normal-正常 ③font-size:字号.可以写px单位,也可以写%.200%表示浏览器默认大小(16px)的两倍=32px ④font-family:字体系列(字体族) >>>可以直接写字体名,也可以写字体系列名. >&g