css文本(教程)

1、text-transform --文本转换

定义文本的大小写状态,此属性对中文无意义

  • 取值:capitalize | uppercase | lowercase | none | inherit

    • capitalize: 首字母大写
    • uppercase: 大写
    • lowercase: 小写
    • none: 正常无变化
    • inherit: 继承
  • 引用网址:http://www.dreamdu.com/css/property_text-transform/
  • 初始值: none
  • 继承性: 是
  • 适用于: 所有元素
  • text:文本.transform:转换.

2、letter-spacing -- 定义文本中字母的间距(中文为文字的间距)

  • 取值: normal | <length> | inherit

    • normal: 正常(主要是根据用户所使用的浏览器等设备)
    • <length>: 长度表示法
    • inherit: 继承
  • 初始值: normal
  • 继承性: 是
  • 适用于: 所有元素
  • letter,中文"字母", spacing,中文"间隔"
  • 引用网址:http://www.dreamdu.com/css/property_letter-spacing/

3、word-spacing -- 定义以空格间隔文字的间距(就是空格本身的宽度)

  • 取值: normal | <length> | inherit

    • normal: 正常
    • <length>: 长度表示法
    • inherit: 继承
  • 初始值: normal
  • 继承性: 是
  • 适用于: 所有元素
  • word:词.spacing:间隔.
  • 引用网址:http://www.dreamdu.com/css/property_word-spacing/

4、text-decoration -- 定义文本是否有划线以及划线的方式

  • 取值:none | [ underline || overline || line-through || blink ] | inherit

    • none: 定义正常显示的文本
    • [underline || overline || line-through || blink]: 四个值中的一个或多个
      • underline: 定义有下划线的文本
      • overline: 定义有上划线的文本
      • line-through: 定义直线穿过文本
      • blink: 定义闪烁的文本
    • inherit: 继承
  • 引用网址:http://www.dreamdu.com/css/property_text-decoration/
  • 初始值: none
  • 继承性: 否
  • 适用于: 所有元素
  • text:文本.decoration:装饰.

5、white-space -- 空格内元素的显示方式

  • 取值: normal | pre | nowrap | pre-wrap | pre-line | inherit

    • normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)
    • pre: 保持HTML源代码的空格与换行,等同与pre标签
    • nowrap: 强制文本在一行,除非遇到br换行标签
    • pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行
    • pre-line: 同pre属性,但是遇到连续空格会被看作一个空格
    • inherit: 继承
  • 初始值: normal
  • 继承性: 是
  • 适用于: 所有元素
  • white:白色.space:间隔,距离.
  • 引用网址:http://www.dreamdu.com/css/property_white-space/
时间: 2024-10-05 22:45:37

css文本(教程)的相关文章

HTML和CSS前端教程03-CSS文本样式

目录 1.CSS颜色-建议就用十六进制 2.CSS长度的度量单位-建议就用px 3.CSS文本样式 3.1. 字体属性 3.1. 文本样式 1.CSS颜色-建议就用十六进制 p{ color: #ff0000 } 2.CSS长度的度量单位-建议就用px p{ margin: 0; padding: 0; font-size: 20px; height: 50px; } 3.CSS文本样式 字体的大小,样式以及方位 3.1. 字体属性 属性名 说明 例子 font-size 字体大小 font-s

&lt;转载&gt;Div+Css布局教程(-)CSS必备知识

目录: 1.Div+Css布局教程(-)CSS必备知识 注:本教程要求对html和css有基础了解. 一.CSS布局属性 Width:设置对象的宽度(width:45px). Height:设置对象的高度(Height:45px;). Background:设置对象的背景颜色.背景图像. 1.背景颜色 background:#09F; 2.背景图像 background:url(file:///C|/Users/Administrator/Desktop/huipu.jpg) repeat-x;

css文本格式详解

一.css文本主体内容: 二.css文本详解:  1.文本缩进 语法: text-indent:<length>|<percentage> 默认值为0. 属性值详解: <length>:用长度值指定文本的缩进.可以为负值.   <percentage>:用百分比指定文本的缩进.可以为负值. <inherit>:继承父级text-indent属性值. 用法: 检索或设置对象中的文本的缩进. 内联对象要使用该属性必须先使该对象表现为块级或内联块级.

w3school CSS基础教程

一.基础法则: 类名的第一个字符不能使用数字,否则无法在Firefox中起作用: 不要在属性值和单位之间留空格,否则在Firefox或Netscape中无法正常工作. 二.背景(background): background-color不能继承,默认值是transparent.若一个元素未指定背景色,其背景为透明,其祖先元素的背景则可见,由此显现出来: background-position中若只出现一个关键字,则默认另一个是center:若只提供一个百分数,所提供的值作为水平值,垂直值默认为5

HTML/CSS基础教程 六

表单 包含表单元素的区域, 表单元素是允许用户在表单中(文本框, 下拉列表, 单选框, 复选框等)输入信息的元素, 使用<form>标签定义. 文本域与密码域 <form> Username: <input type="text" name="firstname"> <br /> Password: <input type="password" name="lastname"

CSS入门教程——定位(positon)

CSS入门教程——定位(positon) CSS定位在网页布局中是起着决定性作用. 定位 CSS的定位功能是很强大的,利用它你可以做出各种各样的网页布局.本节就介绍一些CSS常用的定位语句. 1.相对定位(relative) 相对定位是指相对它本来应该处的位置所做的移动. …… <style type="text/css">.dingwei{ position:relative; left:50px;} </style> …… <p>我是一段正常的文

Div+Css布局教程(-)CSS必备知识

目录: 1.Div+Css布局教程(-)CSS必备知识 注:本教程要求对html和css有基础了解. 一.CSS布局属性 Width:设置对象的宽度(width:45px). Height:设置对象的高度(Height:45px;). Background:设置对象的背景颜色.背景图像. 1.背景颜色 background:#09F; 2.背景图像 background:url(file:///C|/Users/Administrator/Desktop/huipu.jpg) repeat-x;

学无止境的CSS(xHTML+CSS技巧教程资源大全)

本文里面收集一些有关CSS的技巧.教程.工具和观点等,其中一些你也许早就运用的炉火纯青,也可能有的你听都没听说过.不管是新手还是高手,大家都继续学习吧. 一,Web 标准 要玩游戏,就得先了解规则.要学CSS,就应该先了解一下Web标准.尽管看上去不是必须的(我在学CSS之前,根本不知道也不想知道Web标准是 个啥玩意儿).应该说,你是否学Web标准,跟你是否能学会CSS没有什么关系,但跟你能写出什么样的CSS,以及XHTML或其它代码,跟你能做出什么 质量的网页有很大的关系. 其实我自己对We

web前端入门到实战:css选择器和css文本样式相关

[文章来源微信公众号:每天学编程]---关注,后台领取编程资源 css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import url("*.css");使用导入式,页面加载完后,才会加载样式 链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> : link ->:hover-> :active 选择器的优先级: id选择器>

CSS基础教程 -- 媒体查询屏幕适配

响应式布局 Media Query 的使用方法 在上例中, 我们使用Media Queries来根据3种不同尺寸的窗口使用3种不同的样式.通过不同的媒体类型和条件定义样式表规则,媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件.媒体查询的大部分媒体特性都接受min和max用于表达"大于或等于"和"小与或等于".如:width会有min-width和max-width媒体查询可以被用在CSS中的@media和@import规则上,也可以被用在HTML