
html5+css3
SunShine0427
这个作者很懒,什么都没留下…
展开
-
CSS3+HTML5学习笔记四--CSS三栏布局-宽度只适应
转自:http://www.cnblogs.com/love17914/archive/2012/05/14/2500676.html以前做三栏布局时,最常用最简单的方法可能就是:采用float+margin来实现,而CSS3的时代,我们可以有另一种比较“时尚”的方法,就是css3中的盒子模型,代码如下: 1 DOCTYPE HTML> 2 html> 3 head>转载 2013-11-11 19:18:19 · 945 阅读 · 0 评论 -
css透明度的一些兼容测试
转自:http://xiaoho.com/?p=990前言网站丢给了外包公司来弄,但是老外写css的时候似乎没有考虑到国内的浏览器市场,于是只用了opacity这个属性来写,当IE8-的浏览器访问的时候,浮动层就像一块大黑斑药膏贴在哪里。很显然,婀娜多姿的模特被黑色药膏挡住了,用户完全感觉不到药膏下的她是有多么秀色可餐,因此也没有点击“性趣”去点击这条新闻了。所以必须来修改,让婀娜转载 2015-01-09 11:33:48 · 385 阅读 · 0 评论 -
css3中的几何图形shape研究
转自:http://xiaoho.com/?p=881前言估计大家在日常工作中都会用到css形状,但是目前天朝中使用到最多的估计就是圆(circle)、椭圆(ellipse)、各种三角形形状,但是你肯定很少看见过用几何图形或者多边图形。假如你不懂什么叫做几何图形,那么请前往百度百科,就算是我们用:after:before 这些伪元素来构造我们所需要的形状或者利用边框来曲线救国,转载 2015-01-09 11:54:25 · 476 阅读 · 0 评论 -
CSS命名总结
CSS命名规范body{ margin:20 auto; padding:0; font-family:"宋体"; font-size:14px;}div{ margin:0 auto; overflow:hidden;}.container{ width:900px; background:#fafafa; border:2px dashed #09C; padding:10px转载 2014-11-07 12:01:13 · 373 阅读 · 0 评论 -
css
Css篇:1.有哪项方式可以对一个DOM设置它的CSS样式? 外部样式表,引入一个外部css文件内部样式表,将css代码放在 标签内部内联样式,将css样式直接定义在 HTML 元素内部2.CSS都有哪些选择器?派生选择器(用HTML标签申明)id选择器(用DOM的ID申明)类选择器(用一个样式类名申明)属性选择器(用DOM的属性申明,属于CSS2,IE6不支转载 2014-11-07 12:09:15 · 391 阅读 · 0 评论 -
css3实现三角形
首先我们来看一下CSS3实现三角形原理:其实就是对于transparent的应用假如html代码是这样的 下面用CSS3分别实现向上、下、左、右的三角形/*箭头向上*/.arrow-up { width:0; height:0; border-left:30px solid transparen转载 2014-11-14 11:56:24 · 683 阅读 · 0 评论 -
css3在工作中运用上的总结(圆角、内阴影、外阴影)
//阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色阴影效果-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px rgba(0,0,0,0.2);内阴影-m转载 2014-11-12 10:17:50 · 1310 阅读 · 0 评论 -
css练习写的实现箭头的写法
转自: 无标题文档 .wrap { width:200px; height:50px; position:relative; margin-top:50px; background:#080;} .arrow { width:0; height:0; position:absolute; left:50%; ma转载 2014-11-07 18:41:53 · 925 阅读 · 0 评论 -
Canvas 炫丽的倒计时
转自: digit = [ [ [0,0,1,1,1,0,0], [0,1,1,0,1,1,0], [1,1,0,0,0,1,1],转载 2014-11-07 11:47:19 · 1090 阅读 · 0 评论 -
10款强大的jQuery/HTML5应用新鲜出炉
今天我们来分享10款最新的jQuery和HTML5应用插件,都非常强大,一起来看看吧。1、CSS3/jQuery自定义弹出窗口 多种弹出动画这是一款利用jQuery和CSS3实现的自定义弹出窗口,这可比浏览器默认的弹出窗口漂亮多了。弹出窗口中可以自定义html,十分灵活。另外最重要的一个特点是,它利用了jQuery和CSS3可以实现很多种弹出窗口动画效果,挺酷的。在线演示转载 2014-05-29 15:49:57 · 698 阅读 · 0 评论 -
CSS网页布局的核心内容:CSS盒模型
转自:http://www.html-5.cn/div-css/jishu/2280.html 什么是CSS盒模型 XHTML中大部分的元素(特别是块状元素)都可以看做一个盒子,而网页的元素的定位实际就是这些大大小小的盒子在页面中的定位。这些盒子在页面中是“流动”的,当某个块状元素被CSS设置了浮动属性,这个盒子就会“流”到上一行。网页布局即关注这些盒子在页面中如何摆放、如何嵌套的转载 2013-11-13 18:56:58 · 766 阅读 · 0 评论 -
纯CSS3实现的瀑布布局
转自:http://www.cnblogs.com/love17914/archive/2012/05/10/2495051.htmlDOCTYPE HTML>html>head>meta http-equiv="Content-Type" content="text/html; charset=utf-8">title>CSS3瀑布布局title>style>转载 2013-11-13 19:23:37 · 725 阅读 · 0 评论 -
10个最常见的 HTML5 面试题及答案
转自:http://www.yyyweb.com/3209.html这是选择了10个 HTML5 面试问题并给出了答案。这是 Web 开发人员最常见的面试问题,相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。1、新的 HTML5 文档类型和字符集是?HTML5 文档类型很简单:复制代码H转载 2015-01-09 14:54:47 · 592 阅读 · 0 评论