hy0909-CSDN博客

原创特殊编码

HTML 原代码显示结果描述&lt;<小于号或显示标记&gt;>大于号或显示标记&amp;&可用于显示其它特殊字符&quot;“引号&reg;®已注册&copy;©版权&trade;™商标&ensp; 半个空白位&emsp; 一个空白位&nbsp; 不断行的空白...

2018-04-02 17:15:24 238

平时在制作页面的时候，总会碰到有的元素是100%的宽度。众所周知，如果元素宽度为100%时，其自身不带其他盒模型属性设置还好，要是有别的，那将导致盒子撑破。比如说，有一个边框，或者说有margin和padding，这些都会让你的盒子撑破。我们换句话来说，如果你的元素宽度是100%时，只要你在元素中添加了border,padding,margin任何一值，都将会把元素盒子撑破（标准模式下，除IE怪异...

2018-03-22 10:08:13 768

原创 css属性的display

display有哪些比较常用的值呢？在通常的项目开发中比较容易被使用的值主要有：none（元素不会被显示）;block（元素将显示为块级元素，元素前后会带有换行符）;inline（元素会被显示为内联元素，元素前后没有换行符）;inline-block（行内块元素。CSS2.1 新增的值）;table（元素会作为块级表格来显示，类似 <table>，表格前后带有换行符）;table-ro...

2018-03-21 09:56:04 174

原创进度条

我们看到一些项目的加载时总会出现一些炫酷的进度条，具体怎么实现的，小编在这里给大家一些建议，话不多说，直接上代码<!DOCTYPE html><html lang="en"><head > <meta charset="UTF-8"> <title>linear-gradient</title&a

2018-03-20 13:28:07 152

转载 ES6语法

1.变量声明let和const我们都是知道在ES6以前，var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如:function aa() { if(bool) { var test = 'hello man' } else { console.log(test) } ...

2018-03-19 14:32:37 140

原创适配的通用代码

//pc和移动端同时使用(function (doc, win) {var docEl = doc.documentElement,resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',recalc = function () {var clientWidth = docEl.clientWi...

2018-03-19 13:21:10 252

原创 css布局

本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。三栏式布局涉及浮动和清除浮动，主要讲解“圣杯”和“双飞翼”两种解决方法。这两种方法实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应，它们实现的效果是一样的，差别在于其实现的思想。圣杯布局圣杯：父盒子包含三个子盒子（...

2018-03-19 13:15:36 138 1

梦想的白丁