摘要:
一、click等事件在移动端的延迟 click事件在移动端和pc端均可以触发,但是在移动端有延迟现象。 由于早期移动设备浏览网页时内容较小,为了增强用户体验,苹果公司专门为移动设备设计了双击放大的功能,以确保用户可以方便地放大网页内容,但是当用户单击按钮的时候,移动设备需要延迟约300ms执行,以判 阅读全文
摘要:
一、定时器的两种方法: setTimeout() setInterval() 二、setTimeout() 定时器 setTimeout()【相当于定时炸弹】 有两个参数 ,只会执行一次。 第一个参数:要执行的函数,可以是匿名函数,也可以是命名函数。 第二个参数:间隔的时间,单位是毫秒(在该时间之后 阅读全文
摘要:
一、背景 CSS有三大特性:层叠性、继承性、优先级。 而我们在给CSS定义样式的时候,经常出现两个及以上的规则应用在同一元素上,单该元素最终在浏览器呈现的效果是应用的哪个规则呢?这就要考虑优先级的问题了。 CSS优先级是由CSS权重来作为衡量标准的,权重的计算有一套计算公式,有如下规范: 使用一个4 阅读全文
摘要:
一、什么是选择器 使用HTML搭建好架构之后,怎样将CSS样式应用于特定的HTML,这就需要选择器来用于选择需要添加样式的元素,使CSS对HTML页面中的元素实现一对一,一对多或者多对一的控制。 每条CSS样式都是由两部分组成,形式如下: 选择器{样式} 在{}之前的部分就是“选择器”。 “选择器” 阅读全文
摘要:
一、背景 在网页布局中,使用的CSS定位机制有三种:普通流(标准流)、浮动和定位。 普通流就是网页中的标签元素按照从左到右,从上到下的顺序进行排列的,例如块级元素独占一行,行内元素按顺序依次先后排列,在这种大前提的布局排列之下绝对不会出现例外的情况叫做普通流布局。但是如果一个元素脱离了标准流呢,会出 阅读全文
摘要:
一、背景 初学html,接触很多标签<h1>、<p>、<span>、<ul>、<em>等,当写出简单的小页面的时候,例如仅仅是一篇带有标题的文章,标题<h1>标签单独一行,不管后面有多大的空间;<p>标签中使用多个<em>给某些词做强调,但是<em>却和<p>中的其他内容同一行,由此,会思考为什么< 阅读全文
摘要:
一、背景 作为CSS的重点,三大模块之一的盒子模型,这部分无论如何也要精通透彻。在任何一个网页当中,都有自己的布局方式,所谓网页布局方式就是如何把网页里面的文字、图片,很好的排版成美工设计的样式,这时文字图片就如同牛奶需要用盒子装起来,然后可以随意的摆放它的位置。 网页布局的本质:把网页元素(文字、 阅读全文
摘要:
一、背景 学习CSS之前制作的表格边框效果单一,且产生对于border属性的疑问,私下查找资料、写代码举例子,做总结。 二、深度理解 table 中 border 的定义 如下一个简单普通表格,代码如下: 表格效果如下图1: 从代码中可以看出,使用行内式的方法给 table标签设置了 border 阅读全文