首页 > 其他分享 >常见的样式声明

常见的样式声明

时间:2022-10-13 13:00:29浏览次数:40  
标签:文字 常见 字体大小 样式 元素 font 字体 文本 声明

常见样式声明

  1. color

元素内部的文字颜色

预设值:定义好的单词

三原色,色值:光学三原色(红、绿、蓝),每个颜色可以使用0-255之间的数字来表达,色值。

rgb表示法:
rgb(0, 255, 0)
hex(16进制)表示法:
#红绿蓝

淘宝红:#ff4400, #f40
黑色:#000000,#000
白色:#ffffff, #fff
红:#ff0000, #f00
绿:#00ff00, #0f0
蓝:#0000ff, #00f
紫:#f0f
青:#0ff
黄:#ff0
灰色:#ccc

  1. background-color

元素背景颜色

  1. font-size

元素内部文字的尺寸大小

1)px:像素,绝对单位,简单的理解为文字的高度占多少个像素
2)em:相对单位,相对于父元素的字体大小
每个元素必须有字体大小,如果没有声明,则直接使用父元素的字体大小,如果没有父元素(html),则使用基准字号。

user agent,UA,用户代理(浏览器)

  1. font-weight

文字粗细程度,可以取值数字,可以取值为预设值

strong,默认加粗。

  1. font-family

文字类型

必须用户计算机中存在的字体才会有效。

使用多个字体,以匹配不同环境

sans-serif,非衬线字体

  1. font-style

字体样式,通常用它设置斜体

i元素,em元素,默认样式,是倾斜字体; 实际使用中,通常用它表示一个图标(icon)

  1. text-decoration

文本修饰,给文本加线。

a元素
del元素:错误的内容
s元素:过期的内容

  1. text-indent

首行文本缩进

  1. line-height

每行文本的高度,该值越大,每行文本的距离越大。

设置行高为容器的高度,可以让单行文本垂直居中

行高可以设置为纯数字,表示相对于当前元素的字体大小

  1. width

宽度

  1. height

高度

  1. letter-space

文字间隙

  1. text-align

元素内部文字的水平排列方式

标签:文字,常见,字体大小,样式,元素,font,字体,文本,声明
From: https://www.cnblogs.com/zm227447/p/16787817.html

相关文章

  • STL常见面试题
    红黑树的特性与其在C++STL中的应用map、set、multiset、multimap的底层实现都是红黑树,epoll模型的底层数据结构也是红黑树,linux系统中CFS进程调度算法,也用到红黑树。红黑......
  • 2020年Java最新面试题,2020年常见面试题及答案汇总
    2020最新Java面试题,2020常见面试题及答案汇总1、作用域public,private,protected,以及不写时的区别答:区别如下:2、AnonymousInnerClass(匿名内部类)是否可以extends(继......
  • CSS样式导航条模块
    导航条:是应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠、可开可关,且在视口(viewport)宽度增加时逐渐变为水平展开模式。下面是我自己制作页面布局时......
  • SQL:日期函数及常见的日期换算
    由于工作主要涉及hive和MySQL,两个平台大部分函数在名称和功能上都是相同的,个别有差异,根据需要自去验证。1、截取日期的部分second(date):返回日期中的秒minute(d......
  • Linux apache的常见配置(2)功能模块管理
    说明:apache是一个模块化的软件,很多功能由一个个模块来提供的。动态加载模块:DSO(DynamicSharedObject)DynamicSharedObject,动态共享对象,加载动态模块配置,不需重启即......
  • Linux apache服务的常见配置(1)
    apache服务的配置文件组成:全局变量主服务器配置虚拟主机配置:apache服务的配分文件格式:directivevalue#directive不区分字符大小写#value为路径时,是......
  • 10个常见的前端手写功能,你全都会吗?
    10个常见的前端手写功能,你全都会吗?前端阿飞2021年11月17日08:00 ·  阅读133703万丈高楼平地起,地基打的牢,才能永远立于不败之地。今天给大家带来的是10个常......
  • 常见交换排序分析
    冒泡排序冒泡排序的基本思想是从后往前或者从前往后,进行两两相邻比较元素的值,如果是所排序的逆序,那么就进行交换。这种排序的效果就像水中的气泡从在较深处由于压强大气泡......
  • 探码科技关于兼职网络电信APP任务刷单行为的严正声明
    近日,成都探码科技有限公司(以下简称“探码科技”或“我司”)发现有不法份子冒充“探码科技”名义,盗用公司Logo与官方图片,通过招聘平台、购物平台、社交等网络平台发布招聘信息......
  • CSS3新增样式
    CSS3新特性圆角:border-radiusradius:半径四个值是顺时针的顺序<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>demo</title>......