分类:Html5+Css3

HTML5之Canvas基础绘图教程

HTML5之Canvas基础绘图教程
HTML5火的正热,最近有个想法也是要用到HTML的相关功能,所以也要好好学习一把。好好看了一下Canvas的功能,感觉HTML5在客户端交互的功能性越来越强了,今天看了一下Canvas绘图,下边...

1年前 (2016-07-20) 1496℃ 评论 () 1030喜欢

了解HTML5智能form表单新属性

了解HTML5智能form表单新属性
在web网站中,表单无所不在。 它们是通过调查表、反馈页面、博客评论和购物车收集信息的重要工具。 由于使用HTML5,在线表单的功能将变得更为强大。HTML5表单功能可以分成两类:...

1年前 (2016-07-19) 1362℃ 评论 () 725喜欢

HTML常用标签及其全称

HTML常用标签及其全称
div 语义:Division(分隔)span 语义:Span(范围)ol 语义:Ordered List(排序列表)ul 语义:Unordered List(不排序列表)li 语义:List Item(列表项目)dl 语义:Definition List(定义列表)dt 语义:Defi...

2年前 (2016-06-10) 1324℃ 评论 () 454喜欢

HTML embed标签使用方法和属性详解

HTML embed标签使用方法和属性详解
可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。...

2年前 (2016-06-08) 775℃ 评论 () 298喜欢

css选择器总结

css选择器总结
要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。简介什么是选择器呢?每一条css样式定...

2年前 (2016-06-07) 1234℃ 评论 () 652喜欢

理解CSS3 max/min-content及fit-content等width值

理解CSS3 max/min-content及fit-content等width值
一、为何要蹦出这些新玩意?在CSS3的世界里,width属性又多了几个关键字成员,fill-available, max-content, min-content, 以及fit-content。想必很多小伙伴都没见过。不知大家有...

2年前 (2016-06-04) 645℃ 评论 () 420喜欢

【CSS进阶】伪元素的妙用--单标签之美

【CSS进阶】伪元素的妙用--单标签之美
最近在研读 《CSS SECRET》(CSS揭秘)这本大作,对 CSS 有了更深层次的理解,折腾了下面这个项目:CSS3奇思妙想 -- Demo (请用 Chrome 浏览器打开,非常值得一看)。采用单标签完成各种图...

2年前 (2016-05-29) 1143℃ 评论 () 710喜欢

CSS基础(二):基础和语法

CSS基础(二):基础和语法
CSS语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。selector { declaration1; declaration2; declaration...

2年前 (2016-05-23) 710℃ 评论 () 445喜欢

基于视窗单位的排版

基于视窗单位的排版
我之前有写过基于rem和em的响应式排版,并且也有写过两篇有关模块化组件的博客。在这些文章中,有关视窗单位的评论不可避免的形成了一个话题。曾经一段时间我十分抵制使用视窗...

2年前 (2016-05-05) 764℃ 评论 () 378喜欢

CSS3 3D 行星运转动画 + 浏览器渲染原理

CSS3 3D 行星运转动画 + 浏览器渲染原理
承接上一篇:《CSS3进阶:酷炫的3D旋转透视》 。最近入坑 Web 动画,所以把自己的学习过程记录一下分享给大家。CSS3 3D 行星运转 demo 页面请戳:Demo。(建议使用Chrome打开)本文完整...

2年前 (2016-05-03) 682℃ 评论 () 653喜欢

CSS3进阶:酷炫的3D旋转透视

CSS3进阶:酷炫的3D旋转透视
之前学习 react+webpack ,偶然路过 webpack 官网 ,看到顶部的 LOGO ,就很感兴趣。最近觉得自己 CSS3 过于薄弱,想着深入学习一番,遂以这个 LOGO 为切入口,好好研究学习了一下相关...

2年前 (2016-05-02) 728℃ 评论 () 651喜欢

CSS3 图片滤镜 (Filters)

CSS3 图片滤镜 (Filters)
滤镜(Filters)是CSS3里新增的一种神奇的功能。说起滤镜(filter)效果,经常使用PhotoShop的人应该非常清楚,每张用Photoshop制作出来的图片几乎都使用了滤镜进行美化。而CSS滤镜...

2年前 (2016-04-28) 1867℃ 评论 () 449喜欢

CSS样式表中属性选择器的四种格式

CSS样式表中属性选择器的四种格式
CSS样式表中属性选择器的格式是元素后跟中括号,中括号内带属性或者属性表达式等,他有四种格式,分别是简易属性选择器,精确属性值选择器,部分属性值选择器和非凡属性选择器。
...

2年前 (2016-04-13) 981℃ 评论 () 311喜欢

css3实践—创建3D立方体

css3实践—创建3D立方体
要想实现3D的效果,其实非常简单,只需指定一个元素为容器并设置transform-style:preserve-3d,那么它的后代元素便会有3D效果。不过有很多需要注意的地方,这里把我学习的方法,过程分...

2年前 (2016-04-10) 952℃ 评论 () 336喜欢

CSS3弹性布局

CSS3弹性布局
弹性布局(flexible box)模块旨在提供一个更加有效的方式来布置,对齐和分布在容器之间的各项内容,即使它们的大小是未知或者动态变化的。弹性布局的主要思想是让容器有能力来改变...

2年前 (2016-04-04) 1680℃ 评论 () 373喜欢

CSS3 border-radius实现边框圆角

CSS3 border-radius实现边框圆角
一、基本语法:border-radius : none | <length>{1,4} [/ <length>{1,4} ]?二、取值范围:<length>: /*由浮点数字和单位标识符组成的长度值。不可为负值。*/三、简单说明:1、borde...

2年前 (2016-04-04) 569℃ 评论 () 332喜欢

以20像素为基准的CSS网页布局实践分享

以20像素为基准的CSS网页布局实践分享
一、一切从line-height行高说起想想看,你CSS构建页面的时候,默认的字体大小和行高分别是多少?下面是我统计的一些数据:新浪微博:12px/1.5腾讯微博:12px/1.75淘宝网/天猫/腾讯微云:1...

2年前 (2016-03-31) 723℃ 评论 () 377喜欢

CSS3盒模型——box-sizing

CSS3盒模型——box-sizing
box-sizing盒模型是CSS3的一个重要属性之一,常常被很多人给忽略了!CSS3出现之前box-sizing盒模型默认的宽高是指内容的宽高,css3之后可以用box-sizing来指定宽高。目前比较火的...

2年前 (2016-03-21) 1086℃ 评论 () 321喜欢

CSS3贝塞尔曲线(cubic-bezier)参数详解

CSS3贝塞尔曲线(cubic-bezier)参数详解
timing-function算是Transition属性中最为复杂的一个了。它针对了过渡效果的特效,有多种特效展示。这里得涉及到一个学术性的话题:貝茲曲線。W3C给出的一张曲线图。cubic-bezi...

2年前 (2016-03-20) 889℃ 评论 () 318喜欢

详解 CSS 属性 - 伪类和伪元素的区别

详解 CSS 属性 - 伪类和伪元素的区别
之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文,当时自己没分清楚伪元素和伪类,所以在文章内把概念混淆了,庆幸 @riophae 兄指正了我的错误,所以今天打算好好研究...

2年前 (2016-03-16) 1071℃ 评论 () 272喜欢

干货|移动端H5前端性能优化

干货|移动端H5前端性能优化
得益于智能手机的普及和各行各业互联网+的运动,移动端的市场占比疯狂增长。2016年1月艾瑞咨询发布的2015年电商数据显示,2015年中国移动端网购交易额同比暴涨123.2%,在网购总交...

2年前 (2016-03-03) 469℃ 评论 () 279喜欢

CSS技巧和经验

CSS技巧和经验
​CSS技巧和经验列表(以下实例默认运行环境都为Standard mode)...

2年前 (2016-03-02) 375℃ 评论 () 237喜欢

提高CSS文件可维护性的五种方法

提高CSS文件可维护性的五种方法
当完成一项前端的工作之后,许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型,在余下的时间里还有不断的维护工作,而这些工作也许不会是你自己完成。...

2年前 (2016-02-28) 209℃ 评论 () 231喜欢