提要:使用大div定位设置为relative,子div设置为absolute实现菜单下拉 实现代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Nav</title> 6 <style ...
分类：
Web程序 时间：
2017-08-29 15:33:09
阅读次数：
197
HTML 结构 CSS 表现 JS 行为 首先说一个SEO,搜索引擎优化 标准文档流：(1)前提：在没有css的干预下 (2)块级元素：独占一行，可定义宽和高 (3)行内元素：并排显示，宽度自动 HTML(Hyper Text Markup Language)超文本标记语言 标签就是机器语言的一种标 ...
分类：
Web程序 时间：
2017-08-28 23:44:01
阅读次数：
244
标准文档流是指在没有CSS干预时各种元素的排列规则。在这种前提下，HTML文档中的元素可以分为两大类：块级元素和行内元素。1.块级元素（block）独占一行，可以设定元素的宽和高。常见的块级元素有：* html 文档的类型* body 文档的内容* h1-h6 一级标题到六级标题* p 文章段落* ...
分类：
其他好文 时间：
2017-08-28 00:44:38
阅读次数：
134
在上一节中提到过行内块元素（inline-block），display设置为inline-block后， 元素可以设置宽度和高度，又能以行内形式显示，即水平排列，而不是像块级元素一样 从上到下排列。这一点很好地解决了页面的布局问题。 inline-block不是唯一，还有一个float浮动属性也能够 ...
分类：
Web程序 时间：
2017-08-27 22:25:30
阅读次数：
195
1. 常用那几种浏览器测试？有哪些内核(Layout Engine)? 浏览器：IE，Chrome，FireFox，Safari，Opera。 内核：Trident，Gecko，Presto，Webkit。 2. 说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下） 行内元素：会在 ...
分类：
Web程序 时间：
2017-08-27 10:14:33
阅读次数：
275
inline: 此元素会被显示为内联元素，元素前后没有换行符。如 a、strong 等元素 box的大小和元素里面的内容大小一致，width，height，margin 等无法改变。 block: 此元素将显示为块级元素，此元素前后会带有换行符。如 div、p 等元素 box的大小可由width，h ...
分类：
其他好文 时间：
2017-08-26 22:11:42
阅读次数：
153
块级元素 h1-h6>>1-6级标题 p>>段落 div>>定义文档中的节 ul>>定义无序列表 ol>>定义有序列表 li>>定义无序列表与有序列表中的项 hr>>水平线 address>>定义文档作者或拥有者的联系信息 blockquote>>定义长的引用 pre>>定义预格式文本 form>> ...
分类：
Web程序 时间：
2017-08-26 11:28:41
阅读次数：
312
一、相关概念介绍 1、文档流 HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。 2、浮动层 给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。 注意事项： ① 浮动元素在文档流空出的位置是由续的(非浮动)元 ...
分类：
Web程序 时间：
2017-08-24 21:18:43
阅读次数：
210
flex布局 flex布局，不使用rem，直接使用px。 <!DOCTYPE html> <html> <head> <title></title> <style> /*利用flex属性，可以实现块级元素1：1：1*/ /*简单的就能使里面的内容居中（尤其是垂直居中，好用到爆）*/ .box{ di ...
分类：
移动开发 时间：
2017-08-24 19:43:22
阅读次数：
322
盒子模型 content padding margin border 行内元素 a b span img input strong select label em button textarea块级元素 div ul li dl dt dd p h1-h6 blockquote空元素 br meta ...
分类：
其他好文 时间：
2017-08-24 19:42:34
阅读次数：
153
