CSS基本样式-文本属性
字体属性
文本属性呢，自我认为就是写文档的一些格式属性，例如：字体颜色，字体加粗，字体大小，字体类型等，而且我们在输出测试用例报告的时候也可以用到这些属性，对测试报告进行优化。
<html>
<head lang="en">
<meta charset="UTF-8">
<title>字体属性</title>
<style>
.box{
/*字体颜色*/
color: red;
/*字体加粗*/
font-weight:bold ;
/*font-weight: normal;*/
/*font-weight: 700;*/
/*font-weight: bolder;*/
/*font-weight: lighter;*/
/*字体大小*/
font-size: 20px;
/*字体类型*/
font-style: italic;
/*字体*/
font-family: 幼圆,楷体,微软雅黑;
}
h1{
/*font-weight: normal;*/
}
</style>
</head>
<body>
<div class="box">小测试</div>
<h1>一号标题</h1>
</body>
</html>
text属性
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>text属性</title>
<style>
.box{
/*内容水平对齐方式*/
/*text-align: right;*/
text-align: center;
/*加下划线*/
text-decoration: underline;
}
a{
font-size: 26px;
/*去下划线*/
/*text-decoration: none;*/
/*了解*/
/*删除线*/
/*text-decoration: line-through;*/
/*text-decoration: overline;*/
}
p{
/*全部转换为大写*/
/*text-transform: uppercase;*/
/*全部转换为小写*/
/*text-transform: lowercase;*/
/*每个单词首字母大写*/
/*text-transform: capitalize;*/
}
.two{
font-size: 20px;
/*首行缩进*/
text-indent: 40px;
}
</style>
</head>
<body>
<div class="box">
今天不加班
<br/>
<img src="images/pic2.jpeg" alt=""/>
</div>
<a href="#">超链接</a>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem cum deserunt dignissimos, hic officiis praesentium ullam! Ab dolorem doloribus ea et harum mollitia neque optio suscipit tempora temporibus, vel voluptas!
</p>
<div class="two">
学习强国
小测试
接口自动化
APP自动化
</div>
</body>
</html>
CSS基本样式-文本属性的更多相关文章
- CSS中的文本属性
本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性 文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性( ...
- HTML+css基础 Text文本属性
Text文本属性: 1.颜色 color color:red 2.文本缩进 text-indent 属性值 数字+px: text-indent:10px: 3.文本修饰 text-decorati ...
- CSS基本样式-背景属性
代码是敲出来的,建议一个一个过一遍 背景属性 背景颜色 background-color 背景颜色 默认值是transparent(透明的) 示例代码 <!DOCTYPE html> &l ...
- css字体样式+文本样式
font-family属性值:具体字体名或者字体集 如果是中文或者有单词之间有空格,需要加双引号 字体集: Serif (有装饰线) Sans-serif (无装饰线) Monospace Cursi ...
- CSS鼠标样式 cursor 属性
值 描述 url 需使用的自定义光标的 URL. 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标. default 默认光标(通常是一个箭头) auto 默认.浏览器 ...
- CSS 常用样式 – 背景属性
一.背景颜色 background-color 属性名:background-color 作用:在盒子区域添加背景颜色的修饰 加载区域:在 border 及以内加载背景颜色 属性值:颜色名.颜色值 & ...
- css中一些文本属性的用法
代码 /* text-transform用法 */ .p1 { /* 默认值 */ text-transform: none; } .p2 { /* 每个单词的首字母大写 */ text-transf ...
- 【CSS学习】--- 文本样式
一.前言 CSS文本属性可以定义文本的外观.通过文本属性,可以定义文本的颜色.字符间距,对齐文本,装饰文本,对文本进行缩进,等等. CSS常用的文本属性目录: text-align 文本对齐属性 te ...
- 第1天：CSS基本样式
今天学习了CSS基本样式和属性.在做练习的时候遇到一个小问题,最后解决了. 记住:浏览器有默认margin和padding.样式最开始记得一定写:*{margin:0;padding:0}. 学习经验 ...
随机推荐
- C# Stopwatch 延时
using System; using System.Diagnostics; using System.Runtime.InteropServices; using System.Threading ...
- MaxCompute - ODPS重装上阵 第六弹 - User Defined Type
MaxCompute(原ODPS)是阿里云自主研发的具有业界领先水平的分布式大数据处理平台, 尤其在集团内部得到广泛应用,支撑了多个BU的核心业务. MaxCompute除了持续优化性能外,也致力于提 ...
- 服务端获取参数（koa）
1.获取query(问号后面的内容) ctx.query 2.获取路由参数(如'/user/:id'的id) ctx.param 3.获取body请求体 koa不能直接获取请求体里的body,需要安装 ...
- JavaScript 正则表达式——预定义类，边界，量词，贪婪模式，非贪婪模式，分组，前瞻
㈠预定义类 示例:匹配一个ab+数字+任意字符的字符串:ab\d. ㈡边界 正则表达式常用的边界匹配字符 ⑴示例1:第一个是没写单词边界 第二个是加上字符边界的效 ...
- CSS3 3D转换——rotateX()，rotateY()，rotateZ()
CSS3 允许使用 3D 转换来对元素进行格式化. ㈠浏览器支持 Internet Explorer 10 和 Firefox 支持 3D 转换. Chrome 和 Safari 需要前缀 -webk ...
- sublime text 编辑器的操作
我一直在用的代码编辑器是sublime text,然后总结了一些相关的操作方法. 一 环境操作 1.放大显示比例:Ctrl+ 2.缩小显示比例:Ctrl- 3.分屏:Alt+ Shift +数字 ...
- codevs 1009 产生数x
题目描述 Description 给出一个整数 n(n<10^30) 和 k 个变换规则(k<=15). 规则: 一位数可变换成另一个一位数: 规 ...
- APIView源码与Request源码分析
一.APIView源码分析 1.安装djangorestframework 2.使用 drf是基于cbv view的封装,所以必须写cbv ①第一步:写视图,必须写cbv 路由配置: from res ...
- HashMap、Hashtable、HashSet三种hash集合的区别
转载:http://www.cnblogs.com/lzrabbit/p/3721067.html#h1 HashMap和Hashtable的区别 两者最主要的区别在于Hashtable是线程安全,而 ...
- Laravel框架之获取URL地址
1. 使用 Request 类: $url = Request::getRequestUri(); 2. 使用 $request 对象: public function show(Request $r ...