随笔分类 -  html5+css3

上一页 1 2
html5语法
摘要：html5语法沿用html语法，但更简单，更人性化。一、DOCTYPE及字符编码DOCTYPE:或者因为html5语法不区分大小写。文档指定语言：lang可以指定任意html元素使用的语言，lang的值必须是一个有效的iso语言代码，可访问http://tools.ietf.org/html/bcp... 阅读全文
posted @ 2015-06-16 21:26 starof 阅读(1838) 评论(0) 推荐(1)
css3 background
摘要：background是一个很重要的css属性，在css3中新增了很多内容。一方面是原有属性新增了属性值，另一方面就是新增了3个属性。一、css3中新增属性值介绍css2的background有5个属性，缩写如下：background:background-color,background-image... 阅读全文
posted @ 2015-06-05 10:40 starof 阅读(4758) 评论(2) 推荐(2)
css3 text-shadow
摘要：一、text-shadowtext-shadow: h-shadow v-shadow blur color;text-shadow: 水平阴影 垂直阴影 模糊半径 color;h-shadow和v-shadow可取负值，blur只能取正值。二、使用1、基础霓虹灯效果的文本阴影文本水平垂直阴影效果白... 阅读全文
posted @ 2015-06-01 21:05 starof 阅读(522) 评论(0) 推荐(0)
css3 @font-face
摘要：很长时间，web设计师总是得用一些“web-safe”字体，英文用body{font-family:"corbel", Arial, Sans-serif; }中文用body{font-family:"微软雅黑" }现在@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有... 阅读全文
posted @ 2015-05-31 15:57 starof 阅读(646) 评论(0) 推荐(0)
css3 text-overflow和white-space，word-wrap，word-break进阶
摘要：一、text-overflow 1、text-overflow作用 简单来说，text-overflow用来设置文本溢出时是否用省略标记（...） 准确的说是设置溢出的文本在不显示的情况下怎样展示给用户，直接裁剪掉？用省略（...）标记？或者显示自定义的string。 2、text-overflow 阅读全文
posted @ 2015-05-30 23:21 starof 阅读(2585) 评论(0) 推荐(2)
css3 Gradient背景
摘要：css3的gradient分为两种：线性渐变（linear）和径向渐变（radial）。一、线性渐变linear-gradient1、介绍linear-gradient([设置方向]，[设置开始颜色]，[设置多种过度颜色]，[设置结束颜色])参数：第一个参数：指定渐变方向，可以用“角度”的关键字或“... 阅读全文
posted @ 2015-05-30 19:41 starof 阅读(937) 评论(0) 推荐(0)
css3 box-shadow
摘要：一、box-shadow介绍box-shadow属性向box添加一个或多个阴影。语法：box-shadow: offset-x offset-y blur spread color inset;box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展] [阴影颜色] [投影方式]... 阅读全文
posted @ 2015-05-29 08:43 starof 阅读(7394) 评论(1) 推荐(5)
css3 border-radius
摘要：前缀对应浏览器 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera border-radius： 可见设置50%和设置50px这样的固定值还是有差别的，没研究百分比以什么为参考，所以现在不知道怎样通过百分比设置一个左半圆。 【updat 阅读全文
posted @ 2015-05-28 16:51 starof 阅读(565) 评论(0) 推荐(1)
html5 datalist自动完成
摘要：1、传统输入框Favorite Team:2、使用datalist给input增加一个list属性，属性值为datalist的id值。双击input或者输入一个匹配的首字母的时候可以提供选项让用户选择。Favorite Team: Detroit Lions Detroit Piston... 阅读全文
posted @ 2015-05-20 11:39 starof 阅读(6918) 评论(0) 推荐(1)

上一页 1 2