css关于文本的重要属性

最新推荐文章于 2024-09-21 23:59:03 发布
最新推荐文章于 2024-09-21 23:59:03 发布
阅读量386 收藏
点赞数
分类专栏： web基础 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fqf_520/article/details/49077369
版权
<!DOCTYPE html>
<html lang="zh-cn">
<html>
<head>
   <meta charset="gbk">
   <title>css不熟悉的属性测试</title>
   <style type="text/css">
       ul li{list-style:none;}
  .a1{text-align:center;}
  .a2{text-align:right;}
  .a3{text-align:justify;} /*左右对齐*/
       .b1{text-decoration:overline;}
  .b2{text-decoration:line-through;}
  .b3{text-decoration:underline;}
  .c1{text-transform:uppercase;}
  .c2{text-transform:lowercase;}
  .c3{text-transform:capitalize;}/*首字母大写*/
  .d1{text-indent:100px;} /*对指定文本第一行进行缩进*/
  .e1{direction:ltr;}  /*文本方向从左到右*/
  .e2{direction:rtl;}  /*文本方向从右到左*/
  .e3{direction:inherit;}/*规定应该从父元素继承 direction 属性的值*/
  .f1{letter-spacing:normal;}
  .f2{letter-spacing:5px;}
  .f3{letter-spacing:inherit;}/*从父元素继承间距属性*/
  .g1{text-shadow:20px 20px 10px ##fff000;font-size:18px;} /*参数1、2水平和垂直阴影的位置，模糊距离和阴影颜色*/
  .h1{vertical-align:text-top;}
  .h2{vertical-align:middle;}
  .h3{vertical-align:text-bottom;}
  .i1{word-spacing:normal;}
  .i2{word-spacing:10px;}
  .i3{word-spacing:inherit;}/*从父元素继承间距属性*/
   </style>
</head>
<body>
   <h3>文本</h3>
   <ul>
      <li>1、文本对齐</li>
 <li>
 <ul class="">
  <li class="a1">text-align</li>
  <li class="a2">text-align</li>
  <li class="a3">text-align</li>
  </ul>
 </li>
 <li>2、文本修饰属性</li>
 <li>
 <ul class="">
  <li class="b1">text-decoraction文本修饰属性</li>
  <li class="b2">text-decoraction</li>
  <li class="b3">text-decoraction</li>
  <li style="text-decoration:none;">text-decoraction</li>
  </ul>
 </li>
 <li>3、文本转换</li>
 <li>
 <ul class="">
  <li class="c1">text-transform</li>
  <li class="c2">text-transform</li>
  <li class="c3">text-transform</li>
  </ul>
 </li>
 <li>4、文本缩进</li>
 <li>
 <ul class="">
  <li class="d1">text-indent</li>
  </ul>
 </li>
 <li>5、文本方向</li>
 <li>
 <ul class="">
  <li class="e1">direction</li>
  <li class="e2">direction</li>
  <li class="e3">direction</li>
  </ul>
 </li>
 <li>6、设置字符间距</li>
 <li>
 <ul class="">
  <li class="f1">letter-spacing</li>
  <li class="f2">letter-spacing</li>
  <li class="f3">letter-spacing</li>
  </ul>
 </li>
 <li>7、设置文本阴影</li>
 <li>
 <ul class="">
  <li class="g1">text-shadow（h5不再支持）</li>
  </ul>
 </li>
 <li>8、垂直对齐方式</li>
 <li>
          <ul>
              <li class="h1">vertical-align(h5不支持)</li>
 <li class="h2">vertical-align</li>
 <li class="h3">vertical-align</li>
 </ul>
 </li>
 <li>9、设置字间距</li>
 <li>
 <ul class="">
  <li class="i1">word-spacing haha</li>
  <li class="i2">word-spacing haha</li>
  <li class="i3">word-spacing haha</li>
  </ul>
 </li>
   </ul>
</body>
</html>
向心出发，技术向上
关注
专栏目录
css文字控制与css文本样式示例和属性
09-25
在CSS中，文字控制和文本样式是构建良好用户体验的基础，对网页内容的可读性和美观性具有重要影响。以下将详细介绍CSS中与文字控制及文本样式相关的属性和示例。 一、CSS控制文字属性： 1. font-size：该属性用于...
CSS中的文本属性学习指南
09-24
以下是从给定文件中提取出的CSS文本属性的学习指南： 1. 文本缩进（text-indent） 文本缩进用于设置文本第一行的缩进量，通常用于段落的首行缩进。它接受一个长度值，正数值表示文本向右移动，负数值则相反。例如，...
text的属性
qq_29618481的博客
05-17 447
设置 text中的一些字的颜色： SpannableStringBuilder builder = new SpannableStringBuilder(detail.getText().toString()); ForegroundColorSpan redSpan = new ForegroundColorSpan(Color.parseColor("#ff1bc0a8"));   bu
css常用属性
weixin_30814223的博客
07-18 108
布局常用样式属性： width 设置元素(标签)的宽度，如：width:100px; height 设置元素(标签)的高度，如：height:200px; background 设置元素背景色或者背景图片，如：background:gold; 设置元素背景色为金色 border 设置元素四周的边框，如：border:1px solid black; 设置元素四周边框是1像素宽的黑色实线...
CSS文本样式
web developer
04-24 524
字体样式 字体属性 字体：font-family 语法：font-family:[字体1],[字体2]...,字体集，设置多个字体，浏览器依次查找，如果都没有，使用浏览器默认样式。 说明：含空格字体名和中文，用英文引号括起；多个字体用英文逗号隔开；引号嵌套，外使用双引号，内使用单引号。 font-family属性值可以是具体字体名，字体集(Serif,Sans-serif,Monospa...
CSS text-属性汇总
pcaxb的专栏
12-14 4898
  1.text-shadow 属性 text-shadow: 5px 5px 5px #FF0000;     2.text-overflow 属性 (string) text-overflow:ellipsis;   string：用自定义字符串来代表被修剪的文本（目前只在Firefox 浏览器下有效,style="text-overflow:'****';"） ...
CSS笔记（字体样式，文本属性和颜色样式）
banmao8461的博客
07-07 579
1 字体样式 1.1 字体系列（font family） 在CSS中，字体划分为 五组“字体系列”，分别为： sans-serif字体系列：没有衬线的字体，最常用不为过，如 Arial、Verdana，Arial Black，Geneva等 serif 字体系列：有衬线的字体，常用于新闻文字排版，如 Times，Times New Roman，Georgia...
从零学CSS系列之文本属性
10-25
通过上述对CSS文本属性的介绍，我们可以了解到文本属性在网页布局和美化中的重要作用。通过合理运用这些属性，可以使页面上的文字显示更符合设计者的预期，并提升用户的阅读体验。希望这些基础知识点能够帮助大家在...
css对于颜色和文本属性的控制
09-27
在CSS中，颜色和文本属性的控制是基础且至关重要的部分，它们决定了网页内容的视觉呈现。 ### CSS语法基础 CSS语法通常由选择器和声明组成。例如： ```css body { text-align: left; } ``` 在这个例子中，`body`是...
CSS中一些常用的文本属性整理
09-25
综上所述，这些CSS文本属性为我们提供了丰富的文本显示控制工具，使得在网页设计中对文本进行布局和格式化变得更加灵活和方便。对于初学者来说，理解和掌握这些属性是学习CSS的重要基础，对于已经熟悉CSS的开发者而...
【CSS】 text相关属性
lanwuying的专栏
09-26 2221
A. text-align：水平对齐方式 属性值：left/right/center/justify(两端对齐) CSS direction属性简介与实际应用@张鑫旭  text-align-last：段落最后一行对齐方式 p { text-align: justify; text-align-last: right; /*只有IE有效,*/ -moz-text-align-last: right; /* 针对 Firefox 的代码 */ } text-just
Text类型属性与方法
mch0311的博客
09-06 8111
Text类型 length 返回长度 data 内容 appendData(文本) 追加文本 deleteData(位置,个数) 从哪里开始删除几个 insertData(位置,文本) 在哪个位置之前插入新文本 replaceData(位置，个数，文本) 从哪个位置开始替换几个。 split...
text——文本属性大全
weixin_34010566的博客
03-15 1562
一、文字颜色（color:red;） <style> body {color:red} h1 {color:greenyellow} p.color {color:blue} </style> <body> <h1>这是H1标签，定义字体颜色为绿黄色</h1> <p c...
text标签及其属性
热门推荐
Medlen
10-29 2万+
与text相关的text标签及其属性 1、text-align 字体文本对齐方式 text-align: left,right,center,justify; 2、text-decoration 设置是否有下划线以及下划线的方式 text-decoration:underline,overline,line-through,blink; 3、text-indent 文本的首行缩进
Text的属性使用
qq_36230279的博客
06-04 2213
Text( //文本 'hello world', //最大行数 maxLines: 1, //TextAlign.left左对齐 //TextAlign.right右对齐 //居中对齐 ...
【CSS in Depth 2 精译_036】5.6 Grid 网格布局中与对齐相关的属性 + 5.7本章小结
最新发布
PeacefulWinter的博客
09-21 1151
本篇为《CSS in Depth》全新第2版5.6与5.7小节内容，主要介绍了网格布局在设置元素对齐时与上一章 Flexbox 布局的一些关联，同时介绍了网格布局特有的对齐属性。为加深理解，我还特地结合Word中对齐文本的相关操作进行了截图对比。建议收藏。
响应式CSS 媒体查询——WEB开发系列39
一条晒干的咸鱼的博客
09-15 1887
CSS媒体查询（Media Queries）是响应式设计中的核心技术之一，帮助我们在不同设备上展示不同的样式。通过媒体查询，开发者可以检测用户设备的特性，如屏幕宽度、高度、分辨率、方向等，针对性地调整网页布局。
CSS的offset属性
读心悦
09-15 612
如果你确实需要在CSS中根据元素的偏移量来应用样式，并且这个偏移量是动态的（比如，基于JavaScript计算得出的），你可能需要使用JavaScript来动态地修改元素的类名或内联样式，以反映这些变化。: 虽然这些属性不是直接用于定位元素的，但它们可以影响元素与其他元素之间的空间，从而间接影响布局和元素的“偏移”效果。属性本身不是直接用于“偏移”的，但它可以用来移动元素，包括旋转、缩放、倾斜等。可以实现元素的水平或垂直移动，而不需要改变文档流中的实际位置。，这些属性用于获取元素的位置和尺寸信息。
若依VUE项目安全kind-of postcss vite漏洞扫描和修复
qq_33225414的博客
09-18 364
升级vite、unplugin-auto-import。
理解DIV+CSS布局与文本属性
"文本属性-DIV+CSS课件" 在网页设计领域，`DIV+CSS`是一种常见的布局技术，它遵循Web标准，将内容（HTML）与样式（CSS）分离，提高了网页的可维护性和可访问性。`DIV`是HTML中的一个块级元素，全称为division，用于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值