一、BOX模型 box是CSS中布局的基本单位，而不同类型的box，会参与不同的Formatting Context（一个决定如何渲染文档的容器），box内的元素会以不同的方式渲染。 block-level：display属性为blcok、table、list-item，会生成block-level box，并参与Block Formatting Con...

2018-06-24 01:46:43

Border模型 Border-image属性 值 描述 Border-image-source 用在边框的图片的路径 Border-image-slice 图片边框向内偏移 Border-image-width 图片边框的宽度 Border-imags-outset 边框图像区域超出边框的量 Border-image-repeat 图像边框是否应该平铺(repeat)、铺面(ro...

2018-06-24 01:46:41

为什么会产生间隙？ 由于编写代码时的美观和可读性，在代码中添加 回车 或 空格 而产生的间隙。 html代码： ul class ="container" li / li li / li li / li li / li li / li li / li / ul style .container li { display : inline-block ; width : 100px ; height : 1...

2018-06-24 01:46:20

1、calc是什么？ calc是英文单词calculate(计算)的缩写，用于动态计算长度值。 calc()函数支持 "+", "-", "*", "/" 运算； + 和 - 运算符的两边必须始终要有空白符。 比如 calc(50% -8px) 会被解析成为一个无效的表达式：一个百分比后跟一个负数长度值。 而 calc(8px +...

2018-06-24 01:46:40

css高度已知，左右定宽，中间自适应三栏布局： !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" meta http-equiv="X-UA-Compatible" content="ie=edge" titleDocument/title style *{ ma...

2018-06-24 01:46:39

接上一篇博客，还有css中的两个重要知识点没有说到，就是元素的浮动与定位。 第三部分：元素的浮动与清除 这部分的内容之前的博客已总结过。请查看css 中的浮动与三种清除浮动的方法 这篇文章。 浮动在网页中也用的和普遍，特别要注意清除浮动的方法。 第四部分：元素...

2018-06-24 01:46:37

HTML5 1.HTML5:万维网的核心语言,HTML规范的第五次重大修改.现在大部分网站的主流编译语言.学好HTML5是每一个前端的基础课,当然她也很简单 HTML5简化了很多细微的语法 例如doctype的声明，你只需要写!doctype html 2.HTML5新增语义化标签(虽然很少用到,但是还是要说一...

2018-06-24 01:46:27

问题一：背景颜色透明（设置background的rgba属性在ie下的兼容性问题） 解决方案： .box { background : rgba(0,0,0,0.5) ; filter : progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000) ; //ie下使用滤镜 } 问题二：圆角、...

2018-06-24 01:46:31

1、css选择器 css（包括css1、css2和css3）有哪些选择器？ http://www.w3school.com.cn/cssref/css_selectors.asp 2、CSS3选择器 因为CSS1和CSS2选择器浏览器兼容性很好，因此本文主要讲解CSS3选择器，CSS3选择器一共有21个，他们为： 3、CSS3选择器的兼容性 根据Can I...

2018-06-24 01:46:22

在一些特殊的网站中，常常会有着一些新奇的体验，在阅读网页的时候相信许多人都会和我一样有着一个习惯，把一些文字选中然后进行阅读，或者时要复制粘贴的时候选择文字对吧。然而无论是在ie，chrome，firefox，safari或者是以这些为内核的浏览器默认的选择文字都是蓝底...

2018-06-24 01:46:24