美文网首页
选择器的优先级,伪类的顺序,文本标签,列表,字体样式 文本样式

选择器的优先级,伪类的顺序,文本标签,列表,字体样式 文本样式

作者: 寻_4533 | 来源:发表于2019-05-28 19:52 被阅读0次

选择器的优先级:!important 最高 内联样式,1000 id选择器,100 类和伪类,10

元素选择器,1    通配,0  继承没有优先级

伪类的顺序:

:link正常连接

:visited访问过的连接(只能定义字体颜色)

:hover鼠标滑过的连接

:active正在点击的连接

文本标签:

<em>用于表示着重点,显示为斜体

<strong>用于表示重要性,显示为粗体

<i>使文字变成斜体

<b>使文字变成粗体

这两个标签没有语义

<small>表示细则

<big>单纯放大,现在已经不使用了

<cite>指明对某内容的引用或参考,斜体

<q>表示短引用,浏览器默认加引号

<blockquote>块元素 表示长引用

<sup>定义上标<sub>定义下标

<del>表示删除的内容,显示时会加上删除线

<ins>表示插入的内容,显示时会加上下划线

<code>用来包含代码示例或文件名

<pre>保留格式的文本 pre包住code使用

无序列表ul li

有序列表ol li

定义列表dl  dt被定义的内容 dd对定义内容的描述

list-style:none给列表去掉项目符号

长度单位

px像素

百分比

em 相对于字号大小而改变

1em = 1 font-size

颜色单位:

可以使用颜色的单词来表示

rgb(255,255,255)

rgb(100%,100%,100%)

#fff相同两位可简写 #ffffff

字体的样式:

默认字号是十六号字,字体的不同显示的效果不同

font-size:设置字号

font-family:设置字体,默认字体各个浏览器显示的效果不同,可以指定多个字体 字体之间用逗号分开

设置多个字体的时候,浏览器优先使用前边的字体,如果前边没有,就尝试下一个

字体的分类:字体大的分类

serif(衬线字体)

sans-serif(非衬线字体)

monospace(等宽字体)

cursive(草书字体)

fantasy(虚幻字体)

字体的其他样式:

font-style:italic; 斜体 一般只用italic oblique; 倾斜

font-weight:bold;粗体    100~900之间规定粗细  规定字体的粗细

font-variant:small-caps;小型大写    规定是否以小型大写的字体显示

font: italic small-caps bold 60px "微软雅黑";可以统一的写在font中 不同的样式用空格隔开

斜体  小型大写 粗体 没有顺序要求,可写可不写,如果不写的话使用默认值 。字号和字体必须写缺一不可

字号和字体有固定位置字体写在倒数第一 字号倒数第二

行间距:就是行和行之间的距离,css中没有直接提供设置行间距的方式,只能通过设置行高

来间接的设置行间距。行高使用line-height设置 行间距=行高-字号

line-height:值

文本的样式:

text-transform控制文本的大小写,默认值为none capitalize每个单词以大写字母开头

uppercase 全部设置为大写  lowercase全部设置为小写

text-decoration通过它可以为文本的上方、下方或中间添加线条 默认值none

underline 下方添加线条 overline 上方添加线条 line-through 中间添加线条

字母间距和单词间距: letter-spacing 设置字母之间的间距

word-spaing设置单词之间的间距

对齐文本:text-align用于设置文本的对其方式,可选值 left;左对齐 right;右对齐

justify;两边对齐 center;居中对齐

首行缩进:text-indent:em;

相关文章

  • HTML03-day

    文本标签 列表 颜色单位 字体分类 字体样式 行间距 颜色单位 字体其他样式 文本样式

  • 选择器的优先级,伪类的顺序,文本标签,列表,字体样式 文本样式

    选择器的优先级:!important 最高 内联样式,1000 id选择器,100 类和伪类,1...

  • 文本标签and文本样式

    改变字体样式:font-family:字体名称 字体分类: 字体类型: 背景颜色: 文本样式: 文本标签 列表:有...

  • CSS-基础

    选择器样式:背景/大小样式:文本/字体 选择器 样式:背景/大小 样式:文本/字体 样式:边框 样式:内边距 样式...

  • 前端笔记(3)

    代码:(1)列表 (2)单位 (3)字体的样式 (4)字体的分类 (5)字体的其它样式 (6)文本标签 (7)文本...

  • 前端

    1.否定伪类 2.选择器的优先级 3.单位 4.文本标签 5.列表

  • css选择器、伪元素

    关于伪类选择器 a标签的伪类选择器顺序:a:link->a:visited(点击后的样式)->a:hover(鼠标...

  • 2018-10-30 Day02 表单标签和CSS基础

    表单标签和input标签 下拉菜单和多行文本域 div和span CSS基础 外联样式文件 CSS选择器 伪类选择器

  • 文本标签;样式及盒子模型

    (1)文本标签: (2)列表: (3)单位: (4)颜色单位: (5)字体的样式: (6)字体的分类: (7)字体...

  • CSS

    语法: 引用方式 外部样式表 内部样式表 内联样式 常用选择器 组合选择器 伪类 背景图像 文本的对齐方式 盒子模...

网友评论

      本文标题:选择器的优先级,伪类的顺序,文本标签,列表,字体样式 文本样式

      本文链接:https://www.haomeiwen.com/subject/wnsjtctx.html