一个键盘码代码,两只黄鹂名翠柳

动态加载JS与CSS

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

Less 一种动态样式语言

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

表单和CSS:hover

表单基本信息 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改变 查看全文

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

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

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; }通配符选择器   *属性选择器< 查看全文

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

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

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

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

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

/* autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */阅读更多 查看全文
加载更多
其它 ( 244 )
python ( 199 )
java ( 174 )
算法 ( 136 )
linux ( 112 )
mysql ( 82 )
js ( 82 )
android ( 56 )
c/c++ ( 47 )
信息技术 ( 41 )
php ( 41 )
nginx ( 23 )
css ( 23 )
shell ( 22 )
教育 ( 21 )
操作系统 ( 19 )
html ( 19 )
设计模式 ( 18 )
node ( 14 )
tcp/udp ( 11 )
hive ( 11 )
es6 ( 10 )
es ( 10 )
编码 ( 9 )
redis ( 8 )
unix ( 5 )
SpringBoot ( 5 )
数据库 ( 5 )
hadhoop ( 4 )