随笔分类 - html/css
摘要：盒模型规定了元素框处理元素内容width与height值、内边距padding、边框border 和 外边距margin 的数值大小。边框内的空白是内边距padding，边框外的空白是外边距margin，如下所示，这个盒模型元素框的宽度值=内容区域的宽度+2（内边距+外边距+边框），也就是该示例中的
阅读全文
摘要：文本阴影介绍 在css中使用text-shadow属性设置文本阴影，该属性一共有4个属性值如：水平阴影、垂直阴影、（清晰度或模糊距离）、阴影颜色。 text-shadow属性值说明，在文本阴影实践中：第一个值是设置阴影水平方向移动，第二个值是设置阴影垂直方向移动，第三个值是设置阴影模糊距离，第四个值
阅读全文
摘要：引言 为了更好的支持移动端和 PC 端的缩放，WebKit 增加了subpixel layout（次像素/亚像素布局）为此他们还改变了 rendering tree。一个次像素单元在 WebKit 内被称为 LayoutUnit 用于取代之前使用整数来布局一个元素在页面中位置和大小。从 2013 年
阅读全文
摘要：懒加载(lazyload)也叫延迟加载, 惰性加载. 实质是当网页页面滚动到相应的地方，对应位置的内容才进行加载显示，这样能明显减少了服务器的压力和流量，也能够减小浏览器的负担,同时用户也能更快开始网站的访问 实现思路 代码实现 一般情况下, img标签是这样写的 <img src="..." al
阅读全文
摘要：在 jsConf.Asia 2013 ， Lea Verou 介绍了 css in the 4th dimension (影片) ，引发了整个 Web 界对 CSS 动画的期盼；在 CSS动画简介一文也已经把重点整理好了。以下我们将会介绍主要两个 CSS3 在动画的属性： Transition 与
阅读全文
摘要：移动端项目中经常遇到自适应的问题，下面我们来看看关于自适应的方法： 方案1：设置垂直方向的padding在盒模型中，margin、padding的百分比数值是相对于父元素的宽度计算的，所以将padding值设为与width值相同的百分比即可。 .box{ width:50%; height:0; p
阅读全文
摘要：Google 近日宣布，计划在 Chrome 浏览器上逐步淘汰 user-agent 字符串。 这里稍微解释下，user-agent (UA，用户代理) 字符串是现代 web 和浏览器功能的重要组成部分。 UA 字符串是浏览器建立连接时向网站发送的一段文本。UA 字符串包含了浏览器类型、渲染引擎和操
阅读全文
摘要：简介 比如有这样的需求，要输入一个名字，这个名字有由firstName,lastName组合而成，然后把这个名字全部变成大写输出来，比如输入jack，smith我们就要打印出来，‘HELLO，JACK SMITH’ 。 我们考虑用函数组合的方法来解决这个问题，需要两个函数greeting, toUp
阅读全文
摘要：冲突： 当改变元素display属性时，过渡属性transition失效。 原因： display:none的时候，页面文档流中将不会存在该元素。transition无法对一个从有到无的元素产生过渡效果。 解决方法： 1.改变元素的宽/高为0px,达到隐藏的目的。 2.使用visibility替代d
阅读全文
摘要：空元素介绍 在用来描述网页的计算机语言中，有一种超文本标记语言，被称为html(Hyper Text Markup Language) 。而构成html内容的标记语言是由一套标记标签组成。这套标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 <ht
阅读全文
摘要：在html+css基础当中，我们往往会遇到块元素和行内元素。在实际开发中，会经常把他们弄混淆，而且很难记住。那么行内元素和块级元素之间有什么区别？ 行内元素和块级元素的区别 行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的；块级元素却总是会在新的一行开始排列，各个块级元素独占一行，垂直向
阅读全文
摘要：文字与文字间距距离，字与字距离间距如何设置？使用css设置字与字间距的方法如下： 我们使用css样式属性letter-spacing：+距离数字+html单位 如letter-spacing:15px;，即设置了字与字间距为15px（像素）。 示例： html： <div>实现字与字间距方法</di
阅读全文
摘要：网站被搜索引擎收录是网站拥有排名的前提，只有做好网站的搜索引擎收录，才能让你拥有在搜索引擎中排名的机会。所以，网站页面被收录的越多，网站排名靠前的机会就会越多。URL的好坏经常会直接影响搜索引擎对一个网站的解析，不利于搜索引擎蜘蛛的顺利爬取。在网站初期就要对网站URL，网站目录进行规范化的设计，达到
阅读全文
摘要：在css中，可以通过cursor属性来改鼠标样式。下面本篇文章就来给大家介绍一下cursor属性，希望对大家有所帮助。 vi设计http://www.maiqicn.com 办公资源网站大全https://www.wode007.com cursor属性 cursor属性规定要显示的光标的类型（形状
阅读全文
摘要：有4种方式可以在 html 中引入 css。分别为：内联方式、嵌入方式、链接方式、导入方式，其中链接方式使用link引入，导入方式使用import引入。 css中link和import的区别： 两者都是外部引用CSS的方式，但是存在一定的区别： 区别1：link是Xhtml标签，除了加载CSS外，还
阅读全文
摘要：通过css3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。动画是使元素从一种样式逐渐变化为另一种样式的效果。那么在css中动画属性有哪些？ vi设计http://www.maiqicn.com 办公资源网站大全https://www.wode007.
阅读全文
摘要：真正接触前后端分离模式也就几个月的时间。本文属于自己对前后端分离模式的一些总结，主要来源于针对之前的后端做数据渲染与分离模式的一些对比。近期会针对一些常见的开发模式做一些分享，如果对你有帮助，给个关注吧!!! 什么是前后端分离 前后端分离从端口划分就是将浏览器、客户端分为前端，提供真实服务的软件就成
阅读全文
摘要：选择器分类 id选择器 <div id="wrap"></div> #wrap{ background: black; } 类选择器 <div class="wrap"></div> .wrap{ background: black; } 标签选择器 div{ margin:0; } 属性选择器 <
阅读全文
摘要：跨域实例： 如上图所示，系统www.a.com/index.html页面中嵌入一个iframe，iframe中访问不同域的www.b.com/index.html 然后b中有个按钮“保存”，想调用父页面a.com/index.html中的一个js方法saveFavorite() 问题： iframe
阅读全文
摘要：今天给大家分享一个 Web 知识点。如果你有过一段时间的 Web 开发经验，可能已经知道了。不过对于刚接触的新手来说，还是有必要了解一下的。 我们知道，网页里的a标签默认在当前窗口跳转链接地址，如果需要在新窗口打开，需要给 a 标签添加一个target="_blank"属性。 <a href="ht
阅读全文
浙公网安备 33010602011771号