07_设置文本样式

超、凢脫俗 2022-07-16 16:23 226阅读 0赞

html5

# text \{ #

border: medium solid red;
    width: 400px;
    background-color: lightgrey;
    padding: 10px;
    text-justify:

\}

/\* 处理空白  
whitespace属性控制浏览器对空白字符的处理方式  
\*/

# whiteText \{ #

white-space: pre-line;

\}

/\* 指定文本方向 \*/

# rtl \{ #

direction: rtl;

\}

# ltl \{ #

direction: ltr;

\}

/\* 指定单词，字母，行之间的间距 \*/

# space \{ #

letter-spacing: 10px;
    word-spacing: 10px;
    line-height: 30px;
    border: thin solid red;

\}

/\* 控制断词  
单词超过边界截断or不截断  
\*/

# word \{ #

word-wrap: break-word;
    /*  word-wrap: normal; 默认*/
    border: thin solid red;
    height: 120px;
    width: 130px;

\}

/\* 首行缩进 \*/

# line \{ #

text-indent: 10%;

\}

/\* 文本装饰与大小写转换 \*/

# p6 \{ #

text-decoration: blink;
    text-transform: capitalize;

\}

/\* 创建文本阴影  
text-shadow:水平偏移，垂直偏移 模糊程度 阴影颜色  
\*/

# p7 \{ #

text-shadow: 10px 20px 1px red;

\}

/\*\#\#\#\#\#\#\#\#\#\#\#\#\#\#\#\# 使用字体  
font-family:设置字体，后面为备用字体  
font-style:字体样式，斜体，假斜体，正常字体  
font-weight:粗细程度  
\*/

# p7 \{ #

font-family: "微软雅黑", fantasy;
    font-size: smaller;
    font-style: italic;
    font-weight: bold;

\}

/\* 使用web字体 \*/  
@font-face\{  
font-family:MyStyle; /\* 名字 \*/  
src:url(“./cour.ttf”);/\* 地址 \*/  
\}

# p7 \{ #

font-family: MyStyle, fantasy;

\}

table： 指定对象作为块元素级的表格。类同于html标签（CSS2） inline-table：  
指定对象作为内联元素级的表格。类同于html标签（CSS2） table-caption：  
指定对象作为表格标题。类同于html标签<（CSS2）table-cell： 指定对象作为表格单元格。类同于html标签  
table-row： 指定对象作为表格行。类同于html标签

start  
end  
left  
right  
justify  
center

发表评论取消回复

表情：

评论列表（有 0 条评论，226人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS文本样式基本设置--小结

一、分类 1. text-indent 首行缩进，单位em 1. text-align 文本对齐方式，left,center,right 1. text-dec

- 日理万妓/ 2024年03月27日 16:39/ 0 赞/ 117 阅读

相关 HTML文本样式

设置文本首行缩进 text-indent: em/px； em：是指当前字体的大小（1em就是当前一个字体大小）。设置字与字之间的间距 letter-spac

╰+哭是因爲堅強的太久メ/ 2024年03月27日 16:32/ 0 赞/ 103 阅读

相关文本类样式

1、字体大小：浏览器不支持字体大小小于12px的设置，可以使用以下方法放缩： font-size: 7px; -webkit-text-size-adju

旧城等待，/ 2023年01月17日 10:58/ 0 赞/ 149 阅读

相关文本圆角背景_Axure原型如何根据使用场景来设置文本样式

> 文本是我们画原型的时候肯定会用到的元件，我们PM必须学会根据使用场景来合理的设置文本样式。如果你不懂得如何设置也不会影响工作，但是会导致你的原型看起来很丑不美观和会

爱被打了一巴掌/ 2023年01月07日 03:45/ 0 赞/ 115 阅读

相关小程序设置文本内容样式

.desc{ color: 666; line-height: 34rpx; overflow: hidden; te

亦凉/ 2022年10月25日 01:00/ 0 赞/ 216 阅读

相关 CSS文本样式

水平对齐（text-align）可选值：left 左侧对齐，right 右侧对齐，center居中对齐，justify 两端对齐垂直对齐（vertical-a

港控/mmm°/ 2022年09月02日 13:46/ 0 赞/ 253 阅读

相关 07_设置文本样式

html5 text \{ border: medium solid red; width: 400px; bac

超、凢脫俗/ 2022年07月16日 16:23/ 0 赞/ 227 阅读

相关第21节 css设置文本样式

css设置文本样式 <html> <head> <title>css设置文本样式</title>

女爷i/ 2022年07月12日 07:39/ 0 赞/ 274 阅读

相关 CSS复习之用CSS设置文本样式

今日目录 1、设置字体样式 2、设置文字的倾斜效果 3、设置文字的加粗效果 4、设

墨蓝/ 2022年05月25日 09:54/ 0 赞/ 272 阅读

相关 2、文本样式

CSS3中新增了text-shadow样式，text-shadow用来设置文本阴影，详解见 [https://developer.mozilla.org/zh-CN/docs/

逃离我推掉我的手/ 2022年05月12日 15:10/ 0 赞/ 172 阅读