一.元素的显示方式 display 取值： 1.block 让元素的表现和块级一致 2.inline 与行内元素一致 3.inline-block 与行内块元素一致 4.table 与table一致 5.none 不显示元素，隐藏 块级：独占一行，可以设置尺寸，上下外边距有效 行内：共用一行，尺寸无 ...
分类：
Web程序 时间：
2020-02-10 10:10:16
阅读次数：
97
一.复杂选择器 3.伪类选择器 ①目标伪类target ②结构伪类 elem:first-child{} 代表两个条件 匹配elem的父元素的第一个儿子（elem的大哥） 这个大哥必须是elem元素 elem:last-child{} 匹配elem的父元素的最后一个儿子(elem的小弟) 这个最小的 ...
分类：
Web程序 时间：
2020-02-10 09:21:45
阅读次数：
101
块级元素的特点独占一行，在所在父元素内依次向下排列，从左上角开始宽度和高度在不设置的情况下，宽度继承父级元素内容的宽，高度有本身内容决定可以直接设置盒子模型的所有属性（width height padding border margin）可以嵌套其他元素p，dt，h1-h6不能嵌套块级行内元素和行内... ...
分类：
其他好文 时间：
2020-02-06 12:24:23
阅读次数：
89
概念了解： div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。 与之相反，span 和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。 使用 display 属性改变生成的框的类型。 这意味着，通过将 display 属性设 ...
分类：
Web程序 时间：
2020-02-03 20:53:48
阅读次数：
374
html块 1、div标签 块元素，表示一块内容，没有具体的语义。2、span标签 行内元素，表示一行中的一小段内容，没有具体的语义。 含样式和语义的标签 1、em标签 行内元素，表示语气中的强调词2、i标签 行内元素，原本没有语义，w3c强加了语义，表示专业词汇3、b标签 行内元素，原本没有语义， ...
分类：
Web程序 时间：
2020-02-03 10:22:11
阅读次数：
103
文档流 文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。 浮动特性 浮动元素有左浮动(float:left)和右浮动(float:right)两种 浮动的元素会向左或向右浮动， ...
分类：
其他好文 时间：
2020-02-03 09:57:22
阅读次数：
71
经过对前面知识点的巩固和加深，我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局，以此来达到综合应用知识的目的。 1、特征布局：翻页（所需知识点：盒模型、内联元素） 2、特征布局：导航条01（所需知识点：盒模型、行内元素布局） 3、特征布局：导航条02（所需知识点：盒模型、浮动、定位、 ...
分类：
其他好文 时间：
2020-02-03 09:20:10
阅读次数：
68
特征布局实例讲习 1、特征布局：翻页（所需知识点：盒模型、内联元素） 2、特征布局：导航条01（所需知识点：盒模型、行内元素布局） 3、特征布局：导航条02（所需知识点：盒模型、浮动、定位、字体对齐） 4、特征布局：图片列表（所需知识点：盒模型、浮动） 5、特征布局：新闻列表（所需知识点：盒模型、浮 ...
分类：
其他好文 时间：
2020-01-31 22:57:18
阅读次数：
78
一、 html标签有哪些？ 1）行内元素有哪些？ 行内元素：行内大多为描述性标记 <span>...</span> <a>...</a> 链接、 锚点 <br> 换行 <b>...</b> 加粗 <strong>...</strong> 加粗 em - 强调 img - 图片 font - 字体设定 ...
分类：
Web程序 时间：
2020-01-30 14:40:08
阅读次数：
89
1. 块元素与行内元素 2.列表 无序列表： ul 有序列表： ol 定义列表： dl 3. 表格的建立 基本的语法： <table> <tr> <td>单元格1</td> <td>单元格2</td> </tr> <tr> <td>单元格4</td> <td>单元格5</td> </tr> </ta ...
分类：
Web程序 时间：
2020-01-25 18:16:36
阅读次数：
100
