块级元素和行级元素區分對比 块级元素獨占一行 行级元素在同一行(空間足夠的情況下) 用途:例如我們分別需要在上下左右分別設置文字圍繞 理解了块级元素,行级元素就非常容易了 --> 等行级元素 設置{style=“width:100px;height:100px”}這種樣式是無效的 少數比... ...
分类：
Web程序 时间：
2018-05-25 10:54:27
阅读次数：
175
前端 功能，美观，安全，无障碍，性能，兼容，体验 前端编程思想 WA doctype： 文档版本 浏览器决定渲染模式 语义化： 所有的标签都有自己的含义，属性 可读性 前端规范 whatwg css显示继承 初始值设置 inital 定位模式 常规流 浮动：浮动元素不会影响行级元素，行级盒子会浮动避 ...
分类：
其他好文 时间：
2018-05-19 23:24:05
阅读次数：
167
☆ 1. li是不能单独使用，必须在于ul之中的。 2. ul是块级元素，能直接定义宽高，而li是行级元素，不能直接定义 高。 3. li组 只能写在ul之中，直接定义li的宽高是无效的，必须先转换为块级元素。 有序列表： 打开冰箱门 把大象放进去 关上冰箱门 ... ...
分类：
其他好文 时间：
2018-05-16 11:01:39
阅读次数：
515
1、块级元素 行级元素？块级（block）元素的特点：①总是在新行上开始；②高度，行高以及外边距和内边距都可控制；③宽度缺省是它的容器的100%，除非设定一个宽度；④它可以容纳内联元素和其他块元素。内联（inline）元素的特点：①和其他元素都在一行上；②高，行高及外边距和内边距不可改变；③宽度就是 ...
分类：
Web程序 时间：
2018-05-15 16:04:05
阅读次数：
272
<p> <details> <summary> 示例： 显示结果如下： 使用 <details>：自动定义：”详细信息“ <summary>：自定义命名：详细信息 点击展开： <div>默认为块级元素 <span> 默认为行级元素 （默认可调整，可以强制改变） 特别标记： <p>demo of <s ...
分类：
Web程序 时间：
2018-04-11 15:59:35
阅读次数：
270
1 HTML 区块元素: 大多数 HTML 元素被定义为块级元素或内联元素。 1.1 块级元素实例: <div> <h1>, <p>, <ul>, <table> 块级元素的特点: 独占一行,可设置宽高 1.2 行级元素实例 :<span> <a> 行级元素特点:一行可排布多个,不可设置宽高. 1. ...
分类：
Web程序 时间：
2018-04-02 11:10:36
阅读次数：
282
前两天刚写完如何水平居中一个元素，今天把垂直的情况补上。 相比于水平居中，垂直居中的情况就少多了。 1、行级元素的垂直居中 这种情况比较简单，只需要设置line-height和height相等即可，也没什么可延伸的。 2、块级元素的垂直居中 2.1、父元素高度不固定 其实我认为这种情况不用讨论，正常 ...
分类：
其他好文 时间：
2018-03-01 19:46:17
阅读次数：
157
在项目中经常会遇到居中问题，这里借鉴度娘的众多答案，做一个总结： 一、元素的水平居中 1、行级元素的水平居中 很明显：子元素为行级元素时，只需要设置父元素 text-align:center 即可。 2、块级元素的水平居中 很明显：子元素为块级元素时，只需要设置父元素 margin: 0 auto; ...
分类：
其他好文 时间：
2018-03-01 00:30:26
阅读次数：
227
元素的类型通常分为： 块级元素 内联元素 内联块元素 块级元素： 块级元素会占据一行的位置,它后面的元素内容会换行显示 块级元素里面可以放任何内容,主要用来布局。 常见的块级元素：div h1-h6 ul li ol li p table form 行内元素：内联元素也叫行级元素它只占据他内容所占的 ...
分类：
Web程序 时间：
2017-12-29 21:48:26
阅读次数：
306
盒子模型： 1，外边距（margin）、边框（border）、内边距（padding） 上下内边框 左右内边框 3，padding：上 右 下 左 4，margin：同上 5.border：大小 样式 颜色； 6.border_radius：大小；圆角Span 行级元素（横排） 7.display： ...
分类：
Web程序 时间：
2017-12-27 20:29:05
阅读次数：
200
