1.首先我们要知道什么是 块级 元素和 行级 （ 内联 ）元素 ? 块级（block）元素的特点： ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度； ④它可以容纳内联元素和其他块元素。 内联（inline）元素的特...

2018-06-24 00:14:01

先看一下标准定义的浏览器渲染过程（网上找的）： 浏览器打开网页的过程 用户第一次访问网址，浏览器向服务器发出请求，服务器返回html文件； 浏览器开始载入html代码，发现 head 标签内有一个 link 标签引用外部CSS或JS文件； 浏览器又发出CSS及JS文件的请求，服务器...

2018-06-24 00:14:03

CSS是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离。 一、css引入的方式 1、行内样式：行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 2、嵌入式：嵌入式是将CSS...

2018-06-24 00:13:47

为什么要适配?越来越多的屏幕尺寸 怎么适配？ 了解几个概念： Retina屏幕 ：可以将把更多的像素点压缩至一块屏幕里，从而达到更高的分辨率并提高屏幕显示的细腻程度。 dpr ： = 物理像素 / 设备独立像素【在某一方向上，x方向或者y方向】 普通屏幕下： 1个css像素 对应...

2018-06-24 00:13:54

meta http-equiv ="X-UA-Compatible" content ="IE=edge,chrome=1" / 在访问页面时， 如果安装了 Google Chrome Frame(谷歌内嵌浏览器框架GCF) ，则使用GCF进行渲染 如果未安装GCF，则用最高版本的IE内核来渲染...

2018-06-24 00:13:54

第三版 上一版本在未经验证的情况下，盲目的认为很多东西是那样，造成错误，非常抱歉。 0.什么是标记 input type ="checkbox" checked / a href="http:www.baidu.com" title="123" id="lol"提示/a 这里的checked、id、href、title就是标记 1.布尔标记 已checked为例 存...

2018-06-24 00:13:51

遇到的问题: laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的问题(safari下也有同样问题); 解决办法: 给laydate绑定id; 解决前代码: 1 input id ="startTime" placeholder ="请输入开始时间" class ="laydate-icon" 2 onClick ="laydate({isti...

2018-06-24 00:13:50

1、 常用属性：①color：文本颜色；②background-color：背景颜色；③font-size：文字大小； 2、 样式声明：①内部样式：style=样式规则；，写于作用标签内，优先级最高；②内联样式：style样式规则/style，写于head标签内，优先级其次；③外联样式：link rel=styleshe...

2018-06-24 00:13:48

话不多说，先上效果截图，当吧鼠标移动上去就会产生打开盒子的动画 代码如下： !DOCTYPE htmlhtmlheadtitleopen_box/titlestyle#zong{margin:100px auto;width:300px;height:300px;position:relative;}#face1,#face2{width:300px;height:300px;background:url(face1.pn...

2018-06-24 00:13:35

我们可以通过css来做出动画效果，下面我为大家演示的是div的旋转，颜色过渡的动画 ! DOCTYPE html html lang ="zh-cmn-Hans" head meta charset ="utf-8" / title / title style a { text-align : center ; line-height : 100px ; transition : all 2s ; width : 100px...

2018-06-24 00:13:44