• link标签的rel属性

    link标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。此元素只能存在于 head 部分,不过它可出现任何次数。在 HTML 中,link 标签没有结束标签。在 XHTML 中,link 标签必须被正确的关闭。 除了HTML的标准通用属性之外,link元...

    2018-06-24 02:00:03

  • width:100%以什么为基准的测试

    起初是遇到这样一个问题:当盒模型设为box-sizing:border-box;(移动端上经常这么干)。子盒子的 width:100% ,子盒子的width等于父盒子 contend的长度 还是 condend+padding+border 的长度? css和html: 结果: (second的width)=(first的contend的长度) 接下来总结...

    2018-06-24 02:00:01

  • html的meta总结

    引子 之前的我的博客中对于meta有个介绍,例如:http://www.haorooms.com/post/liulanq_think_ie 浏览器安全性想到的这篇文章,中间介绍了meta下面IE的一些属性,可以实现页面之间的过渡转换。已经SEO优化中有所提及。下面具体介绍一下meta的功能和使用。 前言 meta是h...

    2018-06-24 01:59:58

  • 百分比布局中的居中

    百分比布局 垂直 水平居中的几种方法 1. 以 em/rem 设置宽度和高度 父级设置 width:5rem; height:5rem; text-align:center; 子集设置 line-height:5rem; 2. 利用 trunsform 父级设置 width:5rem; height:5rem; position:relative 子集设置 position:absolute; top:50%;...

    2018-06-24 01:59:45

  • 16进制颜色识别和搭配规律

    在CSS中,经常会用到16进制的颜色来设置文本、背景、边框等颜色,但是对于一个纯前端来讲, 16进制颜色的识别和搭配 可能会较为陌生了 ,本文简单介绍一下16进制颜色的一些规律 16进制颜色的数值意义: 举个例子:比如 #1A2BF4(不区分大小写),前两位1A表示的是RGB中R...

    2018-06-24 01:59:49

  • option标签selected="selected"属

    要在select标签上面加上 autocomplete="off"关闭自动完成 ,不然浏览器每次刷新后将自动选择上一次关闭时的option,这样默认属性selected="selected"就会失效啦 要记住每次遇到select标签时就最好要加上autocomplete="off"这一项...

    2018-06-24 01:59:37

  • 近期前端中的一些常见的面试题

    近段时间看了不少的前端面试题,很多大牛也对此做了整理。这篇文就算是借花献佛啦。总体来说基本上每家问的问题也差不多,可能不同业务的公司问的问题的侧重点也不太一样,有的侧重于移动端适配CSS布局浏览器兼容IE hack,而有的侧重于JS逻辑面向对象设计模式考察等。...

    2018-06-24 01:59:42

  • 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

    来自http://blog.csdn.net/freshlover/article/details/11579669 翻译 2013年09月11日 21:06:11 标签: 绝对居中/ 垂直居中/ 水平居中/ CSS居中代码 Ⅰ.绝对定位居中(Absolute Centering)技术 我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂...

    2018-06-24 01:59:37

  • Sublime的用法

    一、首先安装插件 1、安装Package Control,这是为了安装其他插件做基础,它可以方便我们下载其他插件 (1)、按Ctrl+`调出console(注:避免热键冲突) (2)、粘贴以下代码到命令行并回车: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp...

    2018-06-24 01:59:33

  • 实现文字颜色渐变

    前言 主要用到三个CSS属性: linear-gradient() 用来实现渐变的图像 background-clip 指定对象的背景图像向外裁剪的区域 text-fill-color 指定文字的填充颜色 实例 background: linear-gradient(to bottom,#fff 0%,#333 100%); background-clip: text; -webkit-backgro...

    2018-06-24 01:59:30

2