鲁中-O-华仔

夫君子之行,静以修身,俭以养德,非淡泊无以明志,非宁静无以致远。

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

随笔分类 -  HTML5+CSS3

Flex 布局语法教程
摘要:一、【语法】Flex-弹性布局(注意,设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。) 二【兼容性】display:flex; 定义在父元素上,子元素会成为--行元素 三【兼容性】flex-direction: row | row-reverse | 阅读全文

posted @ 2019-05-19 14:49 鲁中-O-华仔 阅读(173) 评论(0) 推荐(0) 编辑

详解CSS中:nth-child的用法
摘要:下面我将用几个典型的实例来给大家讲解:nth-child的实际用途: Tips:还用低版本的IE浏览器的哥们请绕过! :nth-child(2)选取第几个标签,“2可以是你想要的数字” :nth-child(n+4)选取大于等于4标签,“n”表示从整数,下同 :nth-child(-n+4)选取小于 阅读全文

posted @ 2018-12-22 16:52 鲁中-O-华仔 阅读(12237) 评论(0) 推荐(0) 编辑

去除最后一个li的样式
摘要:推荐::::方法一,使用:first-child 纯css的:first-child伪类就可以胜任此任务,操作很方便,代码量忽略不计。支持IE7+,不支持IE6 :first-child /:last-child伪类向元素的 第一个 / 最后一个 子元素添加样式。 延伸:li:nth-child(2 阅读全文

posted @ 2018-12-22 16:34 鲁中-O-华仔 阅读(496) 评论(0) 推荐(0) 编辑

Opacity多浏览器透明度兼容处理
摘要:用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。 不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari: IE: filter:alpha(opacity) Mozilla: -moz-opacity Safari: - 阅读全文

posted @ 2016-08-10 18:49 鲁中-O-华仔 阅读(272) 评论(0) 推荐(0) 编辑

手机web——自适应网页设计(html/css控制)
摘要:一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。 viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比 例(init... 阅读全文

posted @ 2015-10-10 22:53 鲁中-O-华仔 阅读(190) 评论(0) 推荐(0) 编辑

CSS3中的Transition属性详解(贝赛尔曲线)
摘要:transition语法:1 transition : [ || ||2 || [, [ ||3 || || ]]*transition主要包含四个属性值:执行变换的属性:transition-property;变换延续的时间:transition- duration;在延续时间段,变换的... 阅读全文

posted @ 2014-08-22 17:18 鲁中-O-华仔 阅读(2082) 评论(0) 推荐(0) 编辑

CSS3 线性渐变(linear-gradient) 兼容IE8,IE9
摘要:一、线性渐变在 Mozilla 下的应用 语法:1 -moz-linear-gradient( [ || ,]? , [, ]* )参数:其共有三个参数,第一个参数表示线性渐变的方向,top 是从上到下、left 是从左到右,如果定义成 left top,那就是从左上角到右下角。第二个和第三个参数... 阅读全文

posted @ 2014-08-22 11:21 鲁中-O-华仔 阅读(4948) 评论(0) 推荐(0) 编辑

纯css径向渐变(CSS3--Gradient)
摘要:渐变一、CSS3的径向渐变效果图网址:http://www.spritecow.com 图像拼接技术CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。html代码:1 Hold the front page2 Now you get... 阅读全文

posted @ 2014-08-09 13:06 鲁中-O-华仔 阅读(607) 评论(0) 推荐(0) 编辑

css3动画属性(transitions:property duration timing transition-delay)
摘要:transitions:property duration timing-function;transitionst他有三个参数:1)property:属性设置,例如background,color等。2)duration:执行时间, 例如1s, 0.5s等。3)timing-function:动画... 阅读全文

posted @ 2014-08-08 12:52 鲁中-O-华仔 阅读(401) 评论(0) 推荐(0) 编辑

让HTML5语义化标签兼容IE浏览器
摘要:解决方案:IE9以下旧版本浏览器不支持新的语义化标签。其中一种解决方案就是用js将HTML5增加的标签创建出来,就像下面这样。(放在header部位)1 最后在css里面加上这段:1 /*html5*/2 article,aside,dialog,footer,header,section,foot... 阅读全文

posted @ 2014-08-08 08:26 鲁中-O-华仔 阅读(378) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示