css文字定位最右边,CSS 控制文字定位
CSS 控制文字定位
作者:不详
来源:
日期:2002-8-5
[code]
P.double {line-height: 2}
P.right {text-align: right}
P.center {text-align: center}
P.justify {text-align: justify}
P.indent {text-indent: 1cm}
P.capitalize {text-transform: capitalize}
P.up {text-transform: uppercase}
P.low {text-transform: lowercase}
P.underline {text-decoration: underline}
P.line-through {text-decoration: line-through}
H3 {color: #cc6600}
[/code]
这一节我们将讨论如何用 CSS 来控制网页中文字定位, 这些性质是
line-height: 行距
text-align: 向那个方向看齐
vertical-align: 向上还是向下看齐
text-indent: 段落第一行空格
text-transform: 字母的大小写
text-decoration: 给文字加装饰, 比如下滑线
行距
我们有时候可能会想把行距加大点使得文字看的清楚一些. CSS
中的 line-height 可以取得这种调节
P.double {line-height: 2}
请看下面的比较.
[code]
|
[/code]
你要让 line-height 等于 3 的话, 那行距就更大了.
看齐
一般来说我们都是向左边看齐. 但有的时候也有其他的选择,
比如说向右边看齐.
P.right {text-align: right}
P.center {text-align: center}
P.justify {text-align: justify}
请看下面的比较.
[code]
|
[/code]
text-align 可以有 left, right, center, 和 justify
段落的首行空格
如果我们想让第一行的开头空几格, 可以用 text-indent, 比如
P {text-indent: 1cm}
请看下面的例子.
[code]
|
[/code]
字母的大小写
这个性质显然跟中文没关系, 但如果我们要处理英文, 你可以
用 text-transform 来改变英文的大小写. 比如, 让每个字的
第一个字母大写
P.capitalize {text-transform: capitalize}
P.up {text-transform: uppercase}
P.low {text-transform: lowercase}
请看下面的比较.
[code]
|
[/code]
文字的装饰
就是在文字上加下滑线, 或中间加条线的. 比如
P.underline {text-decoration: underline}
P.line-through {text-decoration: line-through}
请看下面的比较.
[code]
|
[/code]
其实最常用的是我们想去掉联接下面的下滑线.
A {text-decoration: none}
css文字定位最右边,CSS 控制文字定位相关推荐
- css文字定位最右边,css 靠右但是不要顶在右边 有点距离 怎么写
可以使用"文本-对齐:对:"把文字向右对齐. 1.新建一个DUHTML文档,在body标签中添加div标签,为div设置一个ID,以Demo为例: 2.在div标签中添加文本,然后 ...
- 在markdown中控制文字的颜色,背景色,字体大小,字体样式及颜色RGB转换工具链接
文章目录 1. 在markdown中控制文字的颜色: 2. 在markdown中控制文字的背景色 3. 在markdown中控制文字的字体大小 4. 在markdown中控制文字的字体样式 5. 另一 ...
- 【前端第四课】CSS值和单位;CSS文字排版;CSS变换,过渡,动画;CSS定位
目标 了解掌握CSS值和单位 了解掌握CSS文字排版 了解掌握CSS变换,过渡,动画 了解掌握CSS定位 CSS的值和单位 https://developer.mozilla.org/zh-CN/do ...
- CSS中的text-overflow属性详解 (控制文字在一行显示,超出部分加省略号)
text-overflow: ellipsis; 表示当文本内容超出所在容器的宽度时,用省略号来代替超出的部分. white-space:nowrap; 表示文本不换行. overflow: hidd ...
- 纯css控制文字显示隐藏
纯css控制文字显示隐藏 用到css 伪类 :checked :checked 选择器匹配每个已被选中的 input 元素(只用于单选按钮和复选框). html <div class=" ...
- CSS控制文字的一些基本属性的使用
CSS控制文字的一些基本属性的使用: 一.CSS控制段落: 段落缩进:text-indent:20px; 文字方向:text-align:center; 文字修饰:text-decoration:un ...
- css 控制文字左右对齐
css 控制文字左右对齐: <p class="center">我是两端对齐文字端对齐文字<span></span></p> .ce ...
- css表格文字超数量就竖排_CSS奇特技巧:控制文字竖排_css
样式表的文字处理属性中有两个重要的属性:writing-mode和text-align.让我们先看看它们的用法: 1. writing-mode(设置对象书写方向) 语法:writing-mode : ...
- css不能控制文字属性有什么,巧用CSS动态控制文本的属性_css
用css可以很方便地动态改变文本的属性,从而可制作出动态地使文字变大.缩小.改变文字颜色.改变文本的背景.字间距.行间距等等网页特效,一切都在你的掌握之中.是不是有点玄?事实就是如此.那一定很复杂吧? ...
最新文章
- 运行时常量池在哪里_Java虚拟机详解(二)------运行时内存结构
- $(document).ready(function() {})不执行的问题
- 机器学习(二) 如何做到Kaggle排名前2%
- 笔记本电脑排名2015_2015-2026全球及中国AC-DC电源适配器市场发展现状调研及未来前景行业展望...
- 服务器部署多个tomcat方法
- 信息学奥赛一本通(1143:最长最短单词)
- SAP License:SAP结帐操作详细操作指南
- Net需要掌握的知识
- [视频教程]ASP.net入门课程
- 大数据分析有几种方法
- 解决Mac终端exit退出不爽
- python3 shell,python3执行shell命令
- Pascal VOC 2007和2012数据集下载地址(不需国外,速度依旧让你感动)
- 影片avi转rmvb教程
- Android 杂记 - 存货盘点用的客户端
- Educoder---Java继承与接口、文件
- 无法出现 Bandizip 的右键菜单
- maps-api-v3_利用Google Maps API发挥创意
- Java资料网盘分享
- ios view改变重叠层次关系
热门文章
- ansa导出NASTRAN的nas文件报错:warning: MATERIAL(s) were not output(undefined)
- PBR来龙去脉九:IBL学习蒙特卡洛的基本概念
- 服装女装外贸好做吗?服装女装出口形势如何?外贸推广怎么做?
- 商业地产十年:如何实现数字化全场景赋能?
- 系统数据占用太多怎么清理 ios iphone
- Intellij Idea的日常
- ftplib实现FTP上传与下载的功能
- HTML5+CSS大作业——IT技术个人简历(1页)
- 万拓超融合存储CS100-36
- UG NX 10 拔模