首页_猿客奇谈

动态加载JS与CSS

一、动态加载js开发过程中经常需要动态加载js和css，今天特意总结了一下常用的方法。方法1： // 动态加载js脚本文件 function loadScript(url) { var script = document.createElement("script"); script.type = "text/javascript"; &n 查看全文

YuanKe 2018年06月15日 00:59:08 210 0

Less 一种动态样式语言

http://www.bootcss.com/p/lesscss/LESS 将 CSS 赋予了动态语言的特性，如变量，继承，运算，函数. LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行阅读更多查看全文

YuanKe_S 2018年07月16日 16:10:46 82 0

表单基本信息 css3中-moz、-ms、-webkit,-o分别代表的意思 -ms代表【ie】内核识别码-moz代表火狐【firefox】内核识别码-webkit代表谷歌【chrome】/苹果【safari】内核识别码-o代表欧朋【opera】内核识别码 CSS:hover相关使用总结非常棒的干货定义和用法定义： :hover 选择器用于选择鼠标指针浮动在上面的元素。 :hover 选择器适用于所有元素用法1：这个表示的是：当鼠标悬浮在a这个样式上的时候，a的背景颜色设置为黄色a:hover { background-color:yellow;}```这个是最普通的用法了，只是通过a改变查看全文

YuanKe_S 2018年07月17日 16:13:14 108 0

div+css设置水平垂直居中方法

之前写前端页面经常会遇到这个问题，所以抽了个时间总结了一下这些常用的方法，通常分为两种情况来设置：已知宽高和未知。简单的分享一下经验。（一）已知宽高情况的设置position：absolute;，margin：auto;使用position的绝对定位和margin的居中定位，四个方向位置距离设置成一样就行了（通过填充父元素的可用空间，子元素设定了宽高，那么多余的空间，被margin：auto平均分配的原理）：//html代码 <div class="box1"> <div class="box2">div+css设置水平垂直居中显示</div> 查看全文

YuanKe_S 2018年07月17日 16:56:07 97 0

css

1.选择器id选择器<div id="div1">123</div>#div1{background-color: #00BCF5;}class选择器 <div class="demo demo1">123</div>.demo{ background-color:blue;}.demo1{ color: #ff4400;}标签选择器<div>123</div>div{ background-color: #3CD5FF; }通配符选择器 *属性选择器< 查看全文

YuanKe_S 2018年07月17日 17:00:16 94 0

CSS常用布局方法及其注意事项

我们在CSS布局中,一般情况使用以下三种情况进行定位布局: 垂直布局: 标准流(normal flow)也叫常规流,文档流.在你使用div,span,p标签进行布局时,默认就是使用标准流进行布局.标准流是垂直布局,是由块元素及其行内元素构成的.从上到下、从左到右按顺序摆放好默认情况下，互相之间不存在层叠现象. 而在标准流中,常用到margin和padding元素对其定位,margin也可为负数.但是,用margin和padding定位时通常会影响到标准流中其他元素的定位效果. 层叠布局: & 查看全文

YuanKe_S 2018年07月17日 21:30:29 91 0

一个简单的多棱柱旋转的3D动画

利用CSS3的新增属性，实现简单的3D多棱柱旋转效果，并且将多棱柱的生成写成函数，这样就可以随意生成多棱柱了。 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> 查看全文

YuanKe_S 2018年07月18日 12:26:55 152 0

当经过webpack打包，一些css被删掉的问题解决方案

/* autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */阅读更多查看全文

YuanKe_S 2018年07月18日 16:11:33 91 0