css
文章平均质量分 58
鹿目达也
乞丐一个
展开
-
CSS3:nth-child()伪类选择器,Table表格奇偶数行定义样式
原文地址:http://www.dangshopex.com/jishufenxiang/WEBkaifajishu/8653.htmlCSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性问题,CSSe...转载 2018-05-17 08:39:18 · 5114 阅读 · 0 评论 -
使用伪元素解决浮动子元素造成的父元素塌陷问题
.nav::after{ content:""; clear:both;/*清除浮动*/ display:block;/*确保该元素是一个块级元素*/}使用伪元素的好处是避免清除浮动时添加多余的标签 是逼格比较高的一种写法可惜兼容性比较差如果要兼容性更好 建议在浮动元素后面添加一个DIV并添加 clear:both 属性...原创 2018-05-16 16:53:20 · 546 阅读 · 0 评论 -
嵌套关系的DIV布局margin塌陷及解决
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div01{ width: 300px; height: 30原创 2018-05-16 15:11:26 · 402 阅读 · 0 评论 -
CSS3 图片旋转特效
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片旋转特效</title> <style type="text/原创 2018-05-22 14:59:53 · 11291 阅读 · 0 评论 -
CSS优化(转载)
提高CSS代码性能主要有两个点: 1、提高页面的加载性能 提高页面的加载性能,简单说就是减小CSS文件的大小,提高页面的加载速度,尽可以的利用http缓存 2、提高CSS代码性能 不同的CSS代码,浏览器对其解析的速度也是不一样的,如何提高浏览器解析CSS代码的速度也是我们要考虑的提高CSS性能的手段 首先说说如何提高CSS性能,根据页面的加载性能和CSS代码性能,主要总结有下面几点: ...转载 2018-05-08 15:13:00 · 280 阅读 · 1 评论 -
CSS3图片放大和翻转
a:hover .div{ transform: scale(0.8,-1); }图片翻转0-1 缩小图片1以上 放大负值 翻转第一个参数 X轴方向 第二个 Y轴方向文章中是缩小至80% 同时上下翻转原创 2018-05-21 16:18:55 · 644 阅读 · 0 评论 -
JS 放大镜特效
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜效果</title><style type="text/css"> #div1{转载 2018-05-21 13:58:43 · 426 阅读 · 0 评论 -
使用flex属性做一个粘性页脚
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>粘性页脚测试</title> <style> .Site { display: flex;转载 2018-05-07 15:23:10 · 432 阅读 · 0 评论 -
使用伪元素制作一个带三角的气泡框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .div01{ border: 1px solid #f00; wid原创 2018-05-18 14:41:51 · 601 阅读 · 0 评论 -
JQ做的一个焦点图特效
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery焦点图</title><style type="text/css">.box{ margin-top: 300px; width: 1转载 2018-05-17 10:32:11 · 674 阅读 · 0 评论 -
使用CSS3的Flex属性让元素居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ display: flex; justify-cont原创 2018-05-24 10:58:43 · 933 阅读 · 0 评论