! DOCTYPE html html lang =" en " head meta charset =" UTF-8 " title CSS3 边框 / title style body , ul , li , dl , dt , dd , h1 , h2 , h3 , h4 , h5 { margin : 0 ; padding : 0 ; } body { background-color : #F7F7F7 ; } . wrapper { width : 1000px ; marg...

2018-06-24 02:25:46

问题：跨域有哪些方法？jsonp的原理是什么？ jsonp： 先说jsonp，jsonp的主要原理是利用script标签的src可以跨域请求，据说有src属性的都可以跨域请求，但script标签返回的会直接执行，所以都是用script请求。jsonp=json+padding，padding是指服务器返回数据时把数据用...

2018-06-24 02:25:42

box-shadow 语法：text-shadow: x-shadow y-shadow distance color; 值 描述 x-shadow 必需。水平阴影的位置。允许负值。 y-shadow 必需。垂直阴影的位置。允许负值。 distance 可...

2018-06-24 02:25:41

CSS介绍 CSS（ C ascading S tyle S heet，层叠样式表)定义 如何显示 HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号...

2018-06-24 02:25:38

当给几个大小一样有boder的盒子浮动时，会出现margin自动加起来的结果。 此时可以给每个盒子一个margin-left:-border的长来实现很好的效果，这样右边的盒子会把左边盒子的右边border压住，如图所示。 还可以使用伪元素实现动态效果，代码如下。 ! DOCTYPE html html la...

2018-06-24 02:25:38

1.1 html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为h...

2018-06-24 02:25:38

推荐去张鑫旭大神这里详细了解：http://www.zhangxinxu.com/jq/stylus/ 安装 npm install -g stylus 自动编译 $ stylus -w demo.styl -o dist /demo.styl是styl文件，dist是要生成样式的目录文件名，-w 是自动监视文件 ，-o 是将编译后的CSS文件输出到指定文件中 压缩...

2018-06-24 02:25:37

使用背景： 一些常见的例子：为风格统一而使用颜色变量一致的组件属性（布局，定位等）避免代码冗余*更方便的从CSS向JS传递数据（例如媒体断点） 为什么使用： 以下几点是未来CSS属性的简短说明：动态性，可以在运行时更改可以方便的从JS中读/写可继承，可组合，同时具...

2018-06-24 02:25:34

https://www.creativebloq.com/css3/20-stunning-examples-css-3d-transforms-11112759 https://github.com/fofr/paulrhayes.com-experiments !DOCTYPE htmlhtml lang="en"head !-- Hey there, thanks for looking at the source. Skip down until you see the experim...

2018-06-24 02:25:34

一、关于position 流定位：不能通过left/top属性来进行定位（那用什么定位），上下排列的元素纵向边距会被合并，左右元素横向边距不会合并。 浮动定位：脱离文本流，就好像不在父元素中，像是浮在父元素的上方。 相对定位：相对自身位置定位，不会脱离文本流，相当于是...

2018-06-24 02:25:32