美文网首页【HTML+CSS】
【CSS标签的分类和选择】

【CSS标签的分类和选择】

作者: 魔_术师 | 来源:发表于2017-05-19 01:14 被阅读4次
CSS标签的分类和选择

标签的分类

标签的分类


标签的选择

块元素标签的选择

h1~h6 : 作为标题使用,并且依据重要性递减;

p : 定义段落;

ol : 定义有序列表;(只能嵌套< li >标签)

ul : 定义无序列表;(只能嵌套< li >标签)

dl : 定义自定义列表;(图文并茂)

dt : 定义列表中的项目(存放图片);

dd : 描述列表中的项目(存放内容)。


行元素标签的选择

span:无语义标签,类似div;

strong:定义强调文本,表示加粗;

em:定义强调文本,表示倾斜;

b:定义修饰文本,表示加粗;

i:定义修饰文本,表示倾斜;

img:定义图片,用于在页面中显示图片;

a:定义链接。


合理的选择标签

考虑标签的语义性;

少起类名——合理使用后代选择器;

考虑嵌套的层级,代码的可读性。


图文并茂

图文并茂的排版,优先使用dl,但是当内容较少时,也可以选择img、p标签来排版,以减少嵌套层级。

相关文章

  • day2

    A今天我学到了什么 HTML标签的分类 css选择器 伪元素 B今天我掌握了什么 HTML标签的分类 css选择器...

  • 【CSS标签的分类和选择】

    标签的分类 标签的选择 块元素标签的选择 h1~h6 : 作为标题使用,并且依据重要性递减; p : 定义段落; ...

  • CSS:CSS选择器及优先级问题

    CSS三大特性—— 继承、 优先级和层叠。 1.CSS选择器分类 全局选择器(通配符*) 标签选择器(body,d...

  • No.7 CSS选择器

    一、CSS基础选择器 1.标签选择器 标签选择器(元素选择器)是指用 HTML 标签名称作为选择器,按标签名称分类...

  • day02

    A今天学了什么 1.html标签的分类及特点和属性 2.让内联标签和内联块标签的方法 3.css选择器: 4.伪元...

  • 最全面的css选择器总结

    具体分css2选择器和css3选择器两大类 第一大类:css2选择器,具体分类如下: 一、基础选择器 1. 标签选...

  • 标签的分类和选择器

    1.HTML标签的分类 2.CSS样式选择器 3.选择器的优先排序

  • day02

    A今日所学 一、HTML标签的分类 二、让内联标签与内联块标签居中的两种方法 三、CSS选择器 四、选择器的优先级...

  • HTML和CSS

    表单标签 表单标签(下拉菜单和多行文本域) 空白标签 认识css css选择器 伪类选择器

  • 前端技能

    HTML 常用标签/分类/属性 标签的分类 语义化标签 CSS 布局:position、float 响应式布局:r...

网友评论

    本文标题:【CSS标签的分类和选择】

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