字体属性

文本属性呢，自我认为就是写文档的一些格式属性，例如：字体颜色，字体加粗，字体大小，字体类型等，而且我们在输出测试用例报告的时候也可以用到这些属性，对测试报告进行优化。

<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基本样式-文本属性的更多相关文章

  1. CSS中的文本属性

    本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性 文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性( ...

  2. HTML+css基础 Text文本属性

    Text文本属性: 1.颜色  color color:red 2.文本缩进 text-indent 属性值 数字+px: text-indent:10px: 3.文本修饰 text-decorati ...

  3. CSS基本样式-背景属性

    代码是敲出来的,建议一个一个过一遍 背景属性 背景颜色 background-color 背景颜色 默认值是transparent(透明的) 示例代码 <!DOCTYPE html> &l ...

  4. css字体样式+文本样式

    font-family属性值:具体字体名或者字体集 如果是中文或者有单词之间有空格,需要加双引号 字体集: Serif (有装饰线) Sans-serif (无装饰线) Monospace Cursi ...

  5. CSS鼠标样式 cursor 属性

    值 描述 url 需使用的自定义光标的 URL. 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标. default 默认光标(通常是一个箭头) auto 默认.浏览器 ...

  6. CSS 常用样式 – 背景属性

    一.背景颜色 background-color 属性名:background-color 作用:在盒子区域添加背景颜色的修饰 加载区域:在 border 及以内加载背景颜色 属性值:颜色名.颜色值 & ...

  7. css中一些文本属性的用法

    代码 /* text-transform用法 */ .p1 { /* 默认值 */ text-transform: none; } .p2 { /* 每个单词的首字母大写 */ text-transf ...

  8. 【CSS学习】--- 文本样式

    一.前言 CSS文本属性可以定义文本的外观.通过文本属性,可以定义文本的颜色.字符间距,对齐文本,装饰文本,对文本进行缩进,等等. CSS常用的文本属性目录: text-align 文本对齐属性 te ...

  9. 第1天：CSS基本样式

    今天学习了CSS基本样式和属性.在做练习的时候遇到一个小问题,最后解决了. 记住:浏览器有默认margin和padding.样式最开始记得一定写:*{margin:0;padding:0}. 学习经验 ...

随机推荐

  1. JAVA笔记8-对象转型casting

    1.规则 (1)基类(父类)的引用类型变量可以指向其子类对象:(向上转型) (2)基类的引用不可以访问其子类对象新增加的成员(属性和方法): (3)可以使用“引用变量 instanceof 类名”来判 ...

  2. Qtcreator 之中文目录

    由于编码格式问题,  qtcreator 所有关于目录的引用和存放均不出现中文,否则编译可以通过,运行时 crashed !!!

  3. Topcoder SRM 674 Div.2题解

    T1 解题思路 这题应该不是很难,主要是题意理解问题. 注意给出的两个数组里映射关系已经对应好了,只要判断是否为双射即可 参考程序 #include <bits/stdc++.h> usi ...

  4. AcWing：138. 兔子与兔子（字符串Hash）

    很久很久以前,森林里住着一群兔子. 有一天,兔子们想要研究自己的 DNA 序列. 我们首先选取一个好长好长的 DNA 序列(小兔子是外星生物,DNA 序列可能包含 26 个小写英文字母). 然后我们每 ...

  5. 工具类--BeanUtils----Bean转换工具

    package com.zhouyy.netBank.util; import java.beans.PropertyDescriptor; import java.lang.reflect.Fiel ...

  6. rem等比例自适应手机尺寸

    方法:用sass的函数动态计算rem值 $rem : 75px;基准值 设计图是750的宽 设为$rem变量设为75,设计图是350的宽 设为$rem变量设为35,老的写法 需要用js来配合来动态改变 ...

  7. vue下实现input实现图片上传，压缩，拼接以及旋转

    背景 作为一名前端工作人员,相信大家在开发系统的时候,经常有遇到需要这么一种需求,就是需要为用户保存上传的图片,很多小白遇到这个问题的时候,都会虎躯一震,以为会是一个棘手的问题,当你读完这篇文章的时候 ...

  8. vue父子组件

    vue父子组件 新建 模板 小书匠  为什么要厘清哪个是父组件,哪个是子组件? 一开始浏览器接收和要显示的数据非常少,此时无需划分区域进行布局.随着页面数据量的增加,如果单纯一个窗口来加载和显示数据, ...

  9. 1.3 Junit4简介

    1.Junit4框架 可用于单元测试,直接测试类中的方法 2.简单实用 a.导入Junit的jar包 b.熟悉Junit的执行顺序 c.写测试用例 d.利用断言,找bug 3.demo public ...

  10. Python MySQLdb 执行sql语句时的参数传递

    使用MySQLdb连接数据库执行sql语句时,有以下几种传递参数的方法. 1.不传递参数 conn = MySQLdb.connect(user="root",passwd=&qu ...