1、分享主要内容 认识html中的常用标签，了解行内元素、块级元素的分类和区别；然后通过一个基本的网页了解前端页面的大致布局以及不同标签（行内元素、块级元素）的使用情况； 2、html中常用标签 (1) 段落标记<p> <p>…</p>定义了一个段的块级标记 <p id=f1>my first pa ...
分类：
Web程序 时间：
2016-11-24 11:17:48
阅读次数：
252
1. 行内元素、块级元素和空元素（void）举例。 块级元素：<address>、<caption>、<dd>、<div>、<dl>、<dt>、<fieldset>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<hr>、<legend>、<li>、<noframes>、 ...
分类：
其他好文 时间：
2016-11-22 23:12:27
阅读次数：
219
在网页布局中，以前只考虑了两列、三列的布局方式，但是没有过多的去考虑在两列、三列布局的情况下实现某些自适应的情况；今天遇到这个问题，在这里mark一下； 方法一：左侧元素浮动或者绝对定位的方式脱离文档流，让两个块级元素能够在同一行显示。然后margin-left的值设置为左侧元素的宽度；在这里利用了 ...
分类：
Web程序 时间：
2016-11-22 11:33:36
阅读次数：
363
申明：该文为转载文章，原文地址 http://www.cnblogs.com/greenal/archive/2013/01/05/2845513.html 1 块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, me ...
分类：
其他好文 时间：
2016-11-21 23:16:51
阅读次数：
151
清除浮动带来的额外影响 如果对于浮动不熟悉的同学，可以看看介绍float的文章。传送门：CSS float 我们知道，在一个父元素内如果遇到某个浮动元素，此时父元素的高度会发生塌陷。针对父元素高度塌陷的问题，现在已经有了很多的解决方案。针对每一个方案，我们来进行深度的剖析。 添加空块级元素 这种方法 ...
分类：
其他好文 时间：
2016-11-21 22:42:33
阅读次数：
120
之前讲过块级元素使用display：block 行内元素使用display:inline 那么今天我们就来区分一下display:inline，display:inline-block和display:block的区别 首先先说一个名词 :inline element：行内元素也叫作内联元素，内嵌元 ...
分类：
其他好文 时间：
2016-11-21 14:50:31
阅读次数：
141
记：本文可以作为张老师在慕课网上讲解课程的学习笔记 定义 line-height:通过查MDN文档可知 对于块级元素，CSS属性line-height指定了元素内部line-boxes的最小高度。对于非替代行内元素，line-height用于计算line box的高度。对于替代行内元素，如butto ...
分类：
Web程序 时间：
2016-11-20 06:56:58
阅读次数：
240
17.内边距，边框和外边距 所有文档元素都生成一个矩形框，称为元素框，描述了一个元素在文档布局中所占的空间大小 块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行内元素：span, stro ...
分类：
Web程序 时间：
2016-11-19 23:31:50
阅读次数：
300
1. 常用那几种浏览器测试？有哪些内核(Layout Engine)?(Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。(Q2) 内核：Trident，Gecko，Presto，Webkit。2. 说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下）( ...
分类：
其他好文 时间：
2016-11-19 15:53:44
阅读次数：
241
今天没有学习新的东西，但是补充了一些内容，overflow溢出，在样式中出现，有两个属性，hidden（隐藏）和auto（自动）。<div></div>属于块级元素，<span></span>属于行内元素，但是文字不换行。在样式中display：block；是将行内元素转化为块级元素，..
分类：
其他好文 时间：
2016-11-17 21:26:58
阅读次数：
204
