CSS文本常用样式

1.常用的应用文本的CSS样式:

color设置文字的颜色

font-size 设置文字的大小,如font-size:12px

font-family 设置文字的字体,如font-family:‘微软雅黑’

font-style 设置文字是否倾斜,如font-style:‘normal‘,设置不倾斜,‘italic’设置文字倾斜

font-weight 设置文字是否加粗,如font-weight:bold,设置加粗,normal,不加粗

line-height 设置文字行高,相当于在每行文字上下同时加间距,line-height:24px

font 同时设置文字的几个属性,写的顺序有兼容性问题,如下顺序:font:是否加粗 字号/行高 字体,如:font:normal 12px/36px ‘微软雅黑‘

text-decoration:underline 设置文字的下划线,去掉:text-decoration:none

text-indent 设置文字首行缩进,如:text-indent:24px,只针对首行

text-align 设置文字的水平对齐方式,center,left,right,

代码
<head>
<meta charset="utf-8">
<title>常用文本样式</title>
<style type="text/css">

div{
    font-size: 30px;
    font-family: ‘Microsoft Yahei‘;
    font-style: italic;
    text-indent: 60px;
}

em{
    font-style: normal;
    color: gold;
}

span{
    font-weight: bold;
    line-height: 80px;
    text-decoration: underline;

}

a{
    text-decoration: none;  /*去掉a链接的下划线*/
    text-align: center;   /*没效果,a标签的宽带只有文字宽带*/
}

p{
    text-align: center;
}
</style>

</head>

原文地址:http://blog.51cto.com/13742773/2333035

时间: 2024-12-28 22:13:01

CSS文本常用样式的相关文章

#8.10.16总结# 属性选择符 伪对象选择符 CSS的常用样式

属性选择符 E[att] E[att="val"] E[att~="val"] E[att^="val"] E[att$="val"] E[att*="val"] E[att|="val"] 伪对象选择符  E:first-letter/E::first-letter 设置对象内的第一个字符的样式. <p>今天,阳光明媚,晴空万里,非常适合户外活动,如踏青.远足之类的.长期坐

CSS之常用样式

1.对背景.文本的操作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="t

CSS/CSS3常用样式小结

1.强制文本单行显示: white-space:nowrap; 多行文本最后省略号: display: -webkit-box; -webkit-line-clamp:2; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; 2.设置溢出文本显示为省略标记: text-overflow:ellipsis; (注:text-overflow:clip | ellipsis | ellipsis-word;

CSS基础--常用样式

一.背景相关 背景颜色 background-color :颜色名称/rgb值/十六进制值 背景图片 background-image :url('') 背景图片平铺方式 background-repeat : repeat-x(仅水平平铺) repeat-y(仅垂直平铺) no-repeat(不平铺) 设置背景图片位置 background-position : 数字+单位/center/top/bottom/left/right 同上. 例如:50px 50px 背景图片是否滚动 backg

CSS一些常用样式

限制行数溢出省略号 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览. overflow: hidden; text-overflow:ellipsis; white-space: nowrap;

css的常用样式

1.边框属性(默认边框不可见) (1)border 设置边框的样式 格式:宽度 样式 颜色 线条样式:solid 实线,none 无边,double 双线 (2)width 用于设置标签的宽度 格式: width:300px: (3)height 用于设置标签的高度 格式; height:300px (4)background-color 用于设置标签的背景颜色 背景颜色设置的两种主流方式: ①英文单词 例如:red,blue,yellow ②颜色代码 格式#红绿蓝,每个颜色用两个16进制位数表

css尺寸常用样式

white-space:nowrap; 控制容器内的文本,不允许换行. min-width:最小宽度 当内容宽度小于最小宽度时,容器的宽度等于最小宽度. 当内容宽度大于最小宽度时,容器的宽度等于内容宽度. max-width:最大宽度 当内容宽度小于最大宽度时,容器的宽度等于内容宽度. 当内容宽度大于最大宽度时,容器的宽度等于最大宽度,并且内容溢出. height:当内容高度超出height指定高度时,内容溢出. min-height:最小高度 特性与最小宽度一致 max-height:最大高度

CSS 文本常用的换行方法

1.word-wrap:break-word; 内容将在边界内换行,仅用于块对象,内联对象要用的话,必须要设定height.width或display:block或position:absolute. 2.word-break:break-all; 用于处理单词折断.(注意与第一个属性的对比) 3.white-space:nowrap;用于处理元素内的空白,只在一行内显示. 4.overflow:hidden; 超出边界的部分隐藏. 5.text-overflow:ellipsis; 超出部分显

02-CSS常用样式

本篇主要介绍css的常用样式,以及网页布局相关知识.绝对定位和相对定位,盒子模型.css权重.以及css选择器: 一.CSS载入方式 二.CSS选择器 三.浮动 四.相对地址和绝对地址 五.CSS显示特性-display 六.CSS元素溢出 七.CSS权重 原文地址:https://www.cnblogs.com/littlefivebolg/p/9495526.html