css
祥灬子
命是弱者的借口,运是强者的谦辞!!
展开
-
web之图表字体
资源下载:http://fontawesome.dashgame.com/云盘分享:http://pan.baidu.com/s/1nveY9rN例子: QQ音乐系统 >播放图标-->>原创 2016-06-17 18:02:58 · 306 阅读 · 0 评论 -
使用border-radius无效,能看到背景还是方形的,边框变成圆角了的解决方案
解决方案: 1、设置border:none; 去掉边框;2、设置border-radius:40px; 若遇到浏览器兼容的问题,可加上兼容的css代码;3、最后,使用box-shadow: 0px 0px 5px #ccc; 利用该特性设置边框。原创 2017-06-15 15:25:53 · 35988 阅读 · 1 评论 -
JS实例-图片轮播
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{margin: 0;padding: 0;} ul{width: 50px; height: 600px;} li{原创 2016-10-07 12:16:36 · 594 阅读 · 0 评论 -
前端面试题(四)
1.禁止页面正文内容被选取<body oncontextmenu=”return false” ondragstart=”return false” onselectstart =”return false” onselect=”document.selection.empty()” oncopy=”document.selection.empty()” onbeforecopy=”returnf原创 2016-10-09 13:00:38 · 320 阅读 · 0 评论 -
前端面试题(三)
1.节日倒计时<Script Language=”JavaScript”>var timedate= new Date(“October 1,2002″);var times= “国庆节”;var now = new Date();var date = timedate.getTime() – now.getTime();var time = Math.floor(date / (1000原创 2016-10-08 23:09:59 · 338 阅读 · 0 评论 -
CSS的class、id、css文件名的常用命名规则
(一)常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo转载 2016-08-27 14:36:12 · 619 阅读 · 0 评论 -
css 鼠标样式
css样式中鼠标形状的改变是通过cursor属性来决定的,如下所示: cursor: auto、hand、pointer、crosshair、default、text、vertical-text、wait、move、help、row-resize、col-resize、all-scroll、progress、not-allowed、no-drop. 解释说明 hand:手型,通常用户将转载 2016-08-27 11:18:29 · 451 阅读 · 0 评论 -
css之transform属性
css3属性——transform *{margin:0;padding:0;}body{background:#111;}.box{width:500px;margin:50px auto;}.box img{border-radius:50%;transform:rotate(10deg);width:400px;height:400px;}.box img:原创 2016-06-20 23:17:26 · 591 阅读 · 0 评论 -
CSS实现三列图片等宽等间距布局
每个图片块左浮动,宽30%,左外边距2.5%:100%=(2.5%+30%)+(2.5%+30%)+(2.5%+30%)+2.5%html>head>meta charset="utf-8">meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0原创 2016-07-16 16:32:27 · 2824 阅读 · 0 评论 -
CSS——!important的使用场景
我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 < 元素style中的属性,但是如果使用!important,事情就会变得不一样。 首先,先看下面一段代码:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>测试Css中原创 2017-12-15 20:55:37 · 503 阅读 · 0 评论