>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26302 个阅读者 刷新本主题
 * 贴子主题:  CSS Text(文本) 格式 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2019-08-17 19:45:50     消息  查看  搜索  好友  邮件  复制  引用

  

CSS  文本格式

文本颜色

     颜色属性被用来设置文字的颜色。

     颜色是通过CSS最经常的指定:    
  • 十六进制值 - 如: #FF0000
  • 一个RGB值 -  如: RGB(255,0,0)
  • 颜色的名称 - 如: red
     一个网页的背景颜色是指在主体内的选择:                    

范例

body   { color: red  ; }
h1   { color: #00ff00  ; }
h2   { color: rgb ( 255 , 0 , 0 )  ; }

          
             点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

     对于W3C标准的CSS:如果你定义了颜色属性,你还必须定义背景色属性。              

文本的对齐方式

     文本排列属性是用来设置文本的水平对齐方式。

     文本可居中或对齐到左或右,两端对齐.

     当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。                    

范例

h1   { text-align: center  ; }
p .date   { text-align: right  ; }
p .main   { text-align: justify  ; }

文本修饰

     text-decoration 属性用来设置或删除文本的装饰。

     从设计的角度看 text-decoration属性主要是用来删除链接的下划线:                    

范例

           a   { text-decoration: none  ; }


     也可以这样装饰文字:                    

范例

h1   { text-decoration: overline  ; }
h2   { text-decoration: line-through  ; }
h3   { text-decoration: underline  ; }


             点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 我们不建议强调指出不是链接的文本,因为这常常混淆用户。            

文本转换

    文本转换属性是用来指定在一个文本中的大写和小写字母。

   可用于所有字句变成大写或小写字母,或每个单词的首字母大写。                            

范例

p .uppercase   { text-transform: uppercase  ; }
p .lowercase   { text-transform: lowercase  ; }
p .capitalize   { text-transform: capitalize  ; }                    

文本缩进

   文本缩进属性是用来指定文本的第一行的缩进。                    

范例

           p   { text-indent: 50 px  ; }            

所有CSS文本属性。

        
属性 描述
color 设置文本颜色
direction 设置文本方向。
letter-spacing 设置字符间距
line-height 设置行高
text-align 对齐元素中的文本
text-decoration 向文本添加修饰
text-indent 缩进元素中文本的首行
text-shadow 设置文本阴影
text-transform 控制元素中的字母
unicode-bidi 设置或返回文本是否被重写?
vertical-align 设置元素的垂直对齐
white-space 设置元素中空白的处理方式
word-spacing 设置字间距





程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-14 12:36:08 重新编辑]
  Java面向对象编程-->Swing组件(上)
  JavaWeb开发-->使用Session(Ⅰ)
  JSP与Hibernate开发-->通过JPA API检索数据
  Java网络编程-->XML数据处理
  精通Spring-->
  Vue3开发-->Vue Router路由管理器
  最新的Vue面试题大全含源码级回答,吊打面试官系列
  07、手把手教Vue--路由「Vue-router」 - TigerChain
  Vue 项目从 Vue CLI 2 升级到 Vue CLI 4
  介绍axios的基本使用(vue中使用axios)
  用Vue-Awesome-Swiper实现旋转叠加轮播效果,平移轮播效果
  一个AJAX入门范例
  jQuery 添加元素
  JavaScript中的HTML DOM Button 对象
  响应式 Web 设计:显示图片
  CSS 表单的用法
  HTML 表格标签的用法
  HTML 头部的元素的用法
  JavaScript编程规范
  jQuery Mobile 方向改变事件
  用JavaScript制作弹出页面
  更多...
 IPIP: 已设置保密
楼主      
1页 1条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。