css设置字体颜色、文本对齐方式、首行缩进、文本装饰、列表样式、鼠标样式、禁止文本域拖拽、轮廓线、块级元素对齐方式、文字溢出设置

color:设置字体颜色:

取值方式有：1.颜色值red,green等、2.十六进制#FF0000,#FF2313等、3.RGB代码rgb(225,225,112)或rgb(100%,55%,0%)，取值范围0-225，0%-100%，rgba是rgb的扩展，其中第四个参数设置的是透明度，取值范围为0-1，注意：IE低版本不支持此属性，低版本IE需要：filter:Alpha(opacity=50)，opacity值为0 到 100，如下：

 p{color:rgba(112,33,65,0.7);/* 第四个参数设置的是透明度，0.7中的0可以省略直接写 .7 */}

text-align:设置文本的对齐方式:

强调的是容器中文字对齐，其值：left左对齐、right右对齐、center居中对齐， justify两边对齐（自动控制字距使文本紧靠两边显示）

 div{text-align:center;}

text-indent:设置段落文本首行缩进:

其单位使用em，em是根据字体大小变化的。

 p{text-indent:2em;}

text-decoration:文本装饰:

通常用于给链接装饰效果，当然其他元素依然适用，其值有：none标准的文本、underline下划线文本、overline上划线文本、line-through中划线文本、blink闪烁（兼容性极大，忽略此值）。

 a{text-decoration:none;}p{text-decoration:underline;}

list-style：设置列表样式:

list-style：none去掉列表前面的点。

 li {list-style: none;}

cursor：设置鼠标样式：

 li {cursor: pointer;}

其值有：

继：

outline轮廓线：

表单input和文本域textarea默认有轮廓线，想要去掉默认的轮廓线就要使用outline属性，其值none取消轮廓线（值0也是取消轮廓线），一般去掉默认的轮廓线后会添加上一个border边框。

 input {outline: none;border: 1px solid black;}

resize防止拖拽textarea文本域尺寸：

textarea文本域默认有一个拖拽变化尺寸的小脚，一般是通过resize: none来去掉的。

 textarea {resize: none;outline: none;border: 1px solid black;}

vertical-align:设置行内元素及行内块元素对齐方式:

baseline基线对齐，默认值、super垂直对齐文本上标、sub垂直对齐文本下标、top把元素的顶端和行中最高元素的顶端对齐、text-top把元素的顶端与父元素的文本顶端对齐、middle把此元素垂直居中在父元素中部、bottom把元素的顶端与行中最低元素的顶端对齐、text-bottom把元素的低端与父级元素字体的低端对齐、20px等具体的像素值、30%等百分比、inherit继承父级元素vertical-align值

 <style>div {height:500px;background-color:yellow;font-size:50px;}img,del {vertical-align:middle;}</style><div class="main"><sapn>中文English</span><del>测试Test</del><img src="middle.PNG" alt=""></div>

white-space：设置溢出文字是否换行:

在实际开发中，为了防止超出文字自动换行，使用white-space可以很好的解决这个问题，其值：normal默认的会换行、nowrap强制在同一行中显示所有文本，直到遇到br标签才换行。

text-overflow：文字溢出显示省略号:

其值clip文本超出不显示省略号，只是做简单的裁剪、ellipsis文本超出后会显示省略号。

 div {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：810665436@qq.com联系笔者删除。
笔者：苦海

css设置字体颜色、文本对齐方式、首行缩进、文本装饰、列表样式、鼠标样式、禁止文本域拖拽、轮廓线、块级元素对齐方式、文字溢出设置相关推荐

CSDN中markdown字体颜色，大小，首行缩进，居中排布
一.下面是首行缩进的两种方法 1.这里实用空格去替代缩进的字符,下面讲的替代包括分号 2.把输入法由半角改为全角. 两次空格之后就能够有两个汉字的缩进. 半方大的空白用或全方大的空白用或不 ...
html块级元素对齐方式,CSS如何水平对齐块级元素
CSS 水平对齐在 CSS 中,可以使用多种属性来水平对齐元素. 对齐块元素块元素指的是占据全部可用宽度的元素,并且在其前后都会换行. 块元素的例子: 对于文本对齐,请参见 CSS 文本一章. 在 ...
换行样式不要首行缩进_为什么WORD正文设置首行缩进后，标题在应用样式格式后依然首行缩进...
展开全部原因:Word文档设置的问题造成的.32313133353236313431303231363533e78988e69d8331333431373865 1.新建一个word2013文档并打 ...
html块级元素对齐方式,块级元素的三种垂直水平居中的方法
直奔主题在这里提供三种块级元素垂直水平居中的方法 flex(子级宽高可固定也可不固定,随意) 定位+margin(固定子级的宽高,margin-top,margin-left取自身一半的负值) 定位+ ...
CSS之控制所有p段落，首行缩进两个字符!...
p{ text-indent:2em; /*每个P段落,首行空出两个空格,即缩进两个字符*/ }
Web前端基础CSS初识学习笔记（8）行高对齐和首行缩进间距
Important! 方便的文本设置 line-height:行间距 text-align text-intent letter-spacing word-spacing line-height:行间 ...
HTML设置字体颜色1008无标题,如何在HTML中设置字体颜色，你知道这几种方式吗？...
color设置字体颜色在color设置字体颜色之前,我们首先了解color在css中有几种取值方式,一共有4种方式,若有不全还请在评论区告知谢谢,4种方式如下: 十六进制.十进制. 英文单词.十六进 ...
android spannable 设置字体颜色,安卓文本样式-Spannable的使用
本文转载自 lixin84915的博客 Android文本样式原文分为上下两部分,本文将上下整理成了一篇文章. 在android中,有时候需要对文本进行各种特别的设置,比如颜色.大小.首行缩进, ...
html首行缩进语言,怎么将html设置页面文本首行缩进
怎么将html设置页面文本首行缩进发布时间:2020-04-25 17:13:47 来源:亿速云阅读:172 作者:小新怎么将html设置页面文本首行缩进?相信有很多人都不太了解,今天小编为了让 ...

css设置字体颜色、文本对齐方式、首行缩进、文本装饰、列表样式、鼠标样式、禁止文本域拖拽、轮廓线、块级元素对齐方式、文字溢出设置

css设置字体颜色、文本对齐方式、首行缩进、文本装饰、列表样式、鼠标样式、禁止文本域拖拽、轮廓线、块级元素对齐方式、文字溢出设置相关推荐

最新文章

热门文章