分类:Html5+Css3

css3 星球椭圆运动轨迹

css3 星球椭圆运动轨迹
上一个项目里碰到了要写一个星球运动的动画,其中主要的点就是用css3如何实现椭圆运动。上网找了很久,看到一个“css3太阳系”的文章介绍,但可惜是正圆的,给人的感觉是平面,不适合...

2年前 (2016-02-03) 3656℃ 评论 () 154喜欢

设计师究竟需不需要学HTML和CSS

设计师究竟需不需要学HTML和CSS
如题,对此我们咨询了一组web 方面的专家,征询他们:是不是精通CSS和HTML的知识就可以找到一份好工作?Jeff Croft recently 称,就算是了解了所有浏览器的使用习惯也还不足以去找到一份很好的工作,因为浏览器已经变得逐渐成熟,市面上也有很多浏览器。大家在应聘的时候会越来越多的被问到,你除了会设计,代码方面会不会一点呢?...

2年前 (2016-01-03) 357℃ 评论 () 141喜欢

HTML5本地存储Localstorage

HTML5本地存储Localstorage
来自叶小钗的“HTML5本地存储Localstorage”,讲了什么是HTML5本地存储、基础知识和使用方式,帮助你快速学会在移动前端中使用localstorage.什么是localstorage...

2年前 (2015-12-28) 278℃ 评论 () 153喜欢

HTML DIV+CSS 命名规范大全

HTML DIV+CSS 命名规范大全
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇。常用DIV+CSS命名大全集合,即CSS命名规则...

2年前 (2015-12-21) 1700℃ 评论 () 222喜欢

css去掉a标签点击后的虚线框

css去掉a标签点击后的虚线框
outline是css3的一个属性,用的很少。声明,这是个不能兼容的css属性,在ie6、ie7、遨游浏览器都不兼容。outline控制的到底是什么呢?当聚焦a标签的时候,在a标签的区域周围会有一个...

2年前 (2015-12-17) 389℃ 评论 () 124喜欢

CSS基础(一):开篇

CSS基础(一):开篇
HTML是一种超文本标记语言,用来定义文档的结构和内容,例如标题、段落和列表等等,而文档内容如何渲染、如何展示,这就需要样式来修饰了。 CSS正是可以与HTML很好地结合。如果将HTML比作水,那么CSS就是水杯,用怎样形状的水杯来装水,水就显示不一样的形状。...

2年前 (2015-12-14) 301℃ 评论 () 192喜欢

CSS基础(七):z-index详解

CSS基础(七):z-index详解
概念:z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。...

2年前 (2015-12-12) 260℃ 评论 () 167喜欢

CSS基础(六):浮动深入解说

CSS基础(六):浮动深入解说
在标准流中,一个块级元素在水平方向会自动伸展,直到包含它的元素边界;而在竖直方向和兄弟元素依次排列,不能并排。使用浮动方式后,块级元素的表现就会不同。简单的说多个不设宽度的块级的元素可以横向排列。...

2年前 (2015-12-12) 331℃ 评论 () 163喜欢

CSS基础(五):定位技术

CSS基础(五):定位技术
CSS定位机制CSS 有三种基本的定位机制:相对定位、浮动和绝对定位。
相对定位相对定位指的是设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。...

2年前 (2015-12-12) 428℃ 评论 () 1372喜欢

CSS基础(四):盒模型

CSS基础(四):盒模型
CSS盒模型:HTML文档中可以将每个元素都看作是长方形的盒子。而CSS盒模型规定了元素框处理元素内容content、内边距padding、边框border和外边距margin的方式。下图是W3C对于盒模型的描述图。...

2年前 (2015-12-10) 197℃ 评论 () 153喜欢

CSS技巧(二):CSS hack

CSS技巧(二):CSS hack
CSS hack由于不同的浏览器,比如IE6,IE7,Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。...

2年前 (2015-12-10) 253℃ 评论 () 134喜欢

CSS技巧(一):清除浮动

CSS技巧(一):清除浮动
在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出...

2年前 (2015-12-09) 464℃ 评论 () 1589喜欢

[译]响应式图像

[译]响应式图像
自从2010年Ethan Marcotte开始讨论响应式网页设计,开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一...

2年前 (2015-12-08) 318℃ 评论 () 197喜欢

css font的简写规则

css font的简写规则
CSS的命名规则是用英文字母数字和下划线(一般用小写)来命名,简写css font的好处有三:一是写起来方便(就像键盘快捷键);二是简化代码;三是帮助你熟悉和深刻理解css。...

2年前 (2015-12-03) 259℃ 评论 () 120喜欢

SVG图案:通过图片、属性和嵌套构建更复杂的图案

SVG图案:通过图片、属性和嵌套构建更复杂的图案
网页设计元素之一【图案】,通常是使用图片创建的。虽然一些图案可以使用CSS创建,但大多数还是涉及某种形式的图片。幸运的是SVG可以很容易创建简单和更复杂的图案,还可以缩放,而且需要很少的http请求...

2年前 (2015-11-29) 304℃ 评论 () 157喜欢

如何使用SVG图案

如何使用SVG图案
图案是非常常用的设计元素。它可以提供对比,创建一个深度感,并给组合添加趣味。SVG可以很方便地创建和使用图案,随心所欲,这篇文章我们要讨论元素,以及如何在SVG中使用这个元素。大概会讲SVG图案的基础,然后下一篇讲解如何创建复杂一些的图案。...

2年前 (2015-11-25) 429℃ 评论 () 152喜欢

了解CSS3那些不为人知的高级属性

了解CSS3那些不为人知的高级属性
尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、box-shadow或者transform等。它们有良好的文档...

2年前 (2015-11-08) 380℃ 评论 () 115喜欢

box-flex属性,然后弹性盒子模型简介

box-flex属性,然后弹性盒子模型简介
昨天趁着不想工作的时间间隙闲逛24ways,在My CSS Wish List一文中,见到了个新鲜的CSS属性,就是题目中的box-flex,以前没有见过,顿生疑惑,不知是骡子还是马,于是习惯性谷歌之,真是不谷不知道,一谷吓一跳。倒不是该属性本身,而是此属性作为导火索,让我了解了下CSS3中新的盒子模型——弹性盒子模型(Flexible Box Model)...

2年前 (2015-11-04) 498℃ 评论 () 92喜欢

了解CSS3的不一样,CSS3伪类元素详解/深入浅出

了解CSS3的不一样,CSS3伪类元素详解/深入浅出
​最近一段时间,很多朋友向我提出说对css3"画图"不是很理解, 在跟他们私聊了一段时间以后,加上自己在开始自学css3的时候的疑惑,我觉得大家之所以不是很理解主要是因为对伪元素不太了解,介于画图和CSS3里一 些高大上的特效用的比较广泛的伪类元素就是::before 和 ::after, 写这篇博客主要也是为了起到一个敲门砖的作用,所以本篇博客主要是讲::before 和 ::after。那么就让我们一起来聊聊伪元素吧...

2年前 (2015-11-03) 427℃ 评论 () 72喜欢

面向设计的半封装web组件开发

面向设计的半封装web组件开发
本文内容可谓是对大脑认知的一场洗礼。我们平常提到组件,就会想到重用,各个项目都能使用。而本文的组件,对于某具体项目而言是组件,但是,对于其他项目,就是个半封装的半吊子组件。面向设计、面向项目的web组件开发,就是本文要探讨的主旨...

2年前 (2015-11-02) 455℃ 评论 () 69喜欢