CSS属性图

01文字属性

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>文字属性</title>

<style>

p{

font-style: italic;

font-weight: bold;

font-size: 10px;

font-family:"楷体";

}

</style>

</head>

<body>

<!--

02字体属性补充

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>字体属性补充</title>

<style>

p{

/*

被注释掉的内容

*/

/*font-family:"乱七八糟的字体", "微软雅黑";*/

/*font-family: Arial, "微软雅黑";*/

font-family:"Microsoft YaHei";

}

</style>

</head>

<body>

03-文字属性的缩写

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>文字属性的缩写</title>

<style>

p{

/*

font-style: italic;

font-weight: bold;

font-size: 10px;

font-family:"楷体";

*/

font:bold italic 10px "楷体";

}

</style>

</head>

<body>

<!--

04-文本属性

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>文本属性</title>

<style>

p{

text-decoration: none;

text-align: left;

text-indent: 2em;

}

a{

text-decoration: none;

}

</style>

</head>

<body>

<!--

05-颜色属性

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>颜色属性</title>

<style>

p{

/*color: red;*/

/*color: rgb(255,0,0);*/

/*color: rgba(255,0,0,1);*/

color: #FF0000;

color: #F00;

/*color: rgba(255,0,0,0.2);*/

color: #ffee00;

color: #fe0;

color: #769abb;

}

</style>

</head>

<body>

<!--

关注微信公众号

更多好内容

如果你觉得我的文章对你有帮助,请支持我,你的支持是我最大的动力

CSS的各种重要属性的更多相关文章

  1. css的五种属性值----在路上（21）

    在CSS中,每个属性的属性值都有一定的范围,并且不同类型的属性值有不同的值.对于一个属性,必须取得正确的属性值,才能被浏览器正确地解释,因此一定要弄清每种类型的属性值范围.在CSS中属性一般有以下几种 ...

  2. 脚本化CSS类-HTML5 classList属性

    HTML元素可以有多个CSS类名,class属性保存了一个用空格隔开的类名列表.标识符class在JavaScript中是保留字,所以在JavaScript中可以用className. //如下代码设 ...

  3. CSS 中关于background 属性功能

    background 是 css中的核心属性,我们对他应该充分了解. background-image   定义背景图像  这个属性是我们用的最多的属性 设置背景图像有两个方式 background: ...

  4. Css中的Position属性

    Css中的Position属性 Css属性在线查询地址: http://www.css88.com/book/css/properties/index.htm CSS 中的 position 属性 在 ...

  5. css中background背景属性概

    css中background背景属性概 background:url(背景图片路径)  no-repeat;/*不重复默认在左上方*/background:url(背景图片路径)  no-repeat ...

  6. CSS中的display属性

    CSS中的display属性 display:block是可以把非块级元素强制转换为块级元素显示,如内嵌元素span,原来不支持设置宽高,宽度是由内容撑开的,几个span元素是在同一行内的,如果给sp ...

  7. 举例详解CSS中的cursor属性

    这篇文章主要举例介绍了CSS中的cursor属性,包括zoom-in/zoom-out和grab/grabbing等常用属性值的使用,需要的朋友可以参考下 一.开篇之言 CSS3的领域范围已经渗透到了 ...

  8. 深入理解css中的margin属性

    深入理解css中的margin属性 之前我一直认为margin属性是一个非常简单的属性,但是最近做项目时遇到了一些问题,才发现margin属性还是有一些“坑”的,下面我会介绍margin的基本知识以及 ...

  9. 理解与应用css中的display属性

    理解与应用css中的display属性 display属性是我们在前端开发中常常使用的一个属性,其中,最常见的有: none block inline inline-block inherit 下面, ...

  10. css中的列表属性

    list-style-type设定引导列表的符号类型,可以设置多种符号类型,值为disc.circle.square等 list-style-image使用图像作为定制列表的符号 list-style ...

随机推荐

  1. 语法解析器续：case..when..语法解析计算

    之前写过一篇博客,是关于如何解析类似sql之类的解析器实现参考:https://www.cnblogs.com/yougewe/p/13774289.html 之前的解析器,更多的是是做语言的翻译转换 ...

  2. 由OptionalLong想到的拆装箱问题

    包装类型为null的时候时候拆箱会报空指针

  3. GitHub 访问不顺怎么办？在线等，急

    在日常的工作生活学习中 经常会遇到无法访问 GitHub.访问不稳定等等突发情况 这不,今天群里的朋友们又双叒叕遇到了问题-- 为方便用户从 GitHub 快速备份开源仓库,稳定访问,CODING 现 ...

  4. Jmeter-BeanShell断言的运用二（不同Json格式的字段提取和断言判断）

    前言 为了更加熟悉BeanShell,所以用几个实例来记录说明下,不同的Json格式是怎么提取相应字段和判断断言的.(会持续更新...) 一.第一种Json格式 1.Json响应数据内容如下: { & ...

  5. FPGA PS2协议

    VerilogHDL那些事儿_建模篇(黑金FPGA开发板配套教程) 作者:akuei2 说明:参照该书将部分程序验证学习一遍 学习时间:2014年5月3号 主要收获: 1. 对PS2接口有初步了解: ...

  6. JAVA课堂作业（2019.10.21）

    1. 代码: package class20191021; class Grandparent { public Grandparent() { System.out.println("Gr ...

  7. RedHat操作指令第4篇

    top(查看动态进程运行情况) top 是一个更加有用的命令,可以监视系统中不同的进程所使用的资源.它提供实时的系统状态信息. 显示进程的数据包括 PID.进程属主.优先级.%CPU.%memory等 ...

  8. 网鼎杯 fakebook

    这道题目登录之后我们可以看到有join和login login即登录,join即注册 我们通过查看robots.txt可以知道 有源代码泄露. 先将泄露的源码下载下来审计一波 <?php cla ...

  9. jQuery笔记（三）

    day03 - jQuery 学习目标: 能够说出4种常见的注册事件 能够说出 on 绑定事件的优势 能够说出 jQuery 事件委派的优点以及方式 能够说出绑定事件与解绑事件 能够说出 jQuery ...

  10. java中的反射（三）

    目录 一.反射 1.class类 2.访问字段 3.调用方法 4.调用构造方法 5.获取继承对象 6.动态代理 二.sping中的反射 本篇转自:https://depp.wang/2020/05/0 ...