08 2017 档案

web常见几种处理图标方法
摘要：方法一： 用background制作小图标 像这样，拿到设计稿后把所有的图标放在一张图片上，利用background-position、width、height来控制图标的位置及大小。 代码： 引用时： 优点： 图片作为背景来显示图标，图标的效果好，不容易出现锯齿 缺点： 图标大小及颜色难以控制，特 阅读全文
posted @ 2017-08-29 11:04 HelloShadow 阅读(2328) 评论(0) 推荐(0)
<meta>标签详解
摘要：一、<meta>标签的定义和用法 <meta> 元素可提供有关页面的元信息（meta-information），位于文档的头部<head>和</head>之间，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 二、<meta>标签的属性 1.必要属性 2.可选属性 conte 阅读全文
posted @ 2017-08-24 10:58 HelloShadow 阅读(430) 评论(0) 推荐(0)
css样式优先级问题
摘要：官方表述的CSS样式优先级如下： 那么，我们来举个例子： html代码： 引入一个style.css样式： 在style.css样式中写入 打开html可以发现 图1 ↑ 可见内联式的样式权重要高于外部引用，那么我们把内联的style样式去掉，图片显示大小如图2： 图2↑ 图3↑ 图4↑ 同样是外部 阅读全文
posted @ 2017-08-23 16:02 HelloShadow 阅读(26529) 评论(1) 推荐(0)
常见浏览器兼容性问题及解决方案
摘要：问题一：背景颜色透明（设置background的rgba属性在ie下的兼容性问题） 解决方案： 问题二：圆角、阴影 解决方案： 1.ie-css.htc 2.调用ie-css3.htc脚本 问题三：min-width/min-height/max-width/max-height 解决方案： *注： 阅读全文
posted @ 2017-08-21 15:20 HelloShadow 阅读(948) 评论(0) 推荐(1)
去除inline-block间隙的几种方法
摘要：为什么会产生间隙？ 由于编写代码时的美观和可读性，在代码中添加回车或空格而产生的间隙。 html代码： 方法一： 调整html代码，缺点降低了可读性，如下 或者 方法二： 去掉闭合标签： 方法三： font-size:0 方法四： margin设为负值,*注：margin的值通常为font-size 阅读全文
posted @ 2017-08-18 13:35 HelloShadow 阅读(341) 评论(0) 推荐(0)
清除浮动的几种方式
摘要：不清除浮动会怎样？ （1）：背景不能显示 （2）：边框不能撑开 （3）：margin 设置值不能正确显示 （4）：下方内容往上移盖住浮动区域的内容 html代码： 方式一： 在.container下，最后再加一个div如下： 方式二： 给父元素.container添加样式： 方式三： 伪类清除浮动： 阅读全文
posted @ 2017-08-18 12:55 HelloShadow 阅读(597) 评论(0) 推荐(0)
css 居中问题总结
摘要：html代码： css样式： 一、水平居中 *一般用于文字以及inline-block/inline水平居中 ，设置该值表示box-item内文字居中对齐 *一般用于类似div的block水平居中，表示box-item整个div在box内水平居中对齐 二、垂直居中 高度等于行高，适合单行文字居中对齐 阅读全文
posted @ 2017-08-17 16:41 HelloShadow 阅读(270) 评论(0) 推荐(0)