HTML5+CSS3
文章平均质量分 54
jimjiayu
这个作者很懒,什么都没留下…
展开
-
新浪乐库模块小练习
无标题文档body,ul,li{ margin:0; padding:0;}.music{ width:238px; height:159px; border:1px solid #d9e0ee; border-top:3px solid #ff8400; margin:100px auto;}.hd{ height:35px; border-bottom:1px solid #E3E6E翻译 2015-11-14 10:41:03 · 348 阅读 · 0 评论 -
本地存储之简单存储
1、HTML5提供了四种在客户端存储数据的新方法,即 localStorage、sessionStorage、globalStorage、Web Sql Database。前面三个适用于存储较少的数据,而Web Sql Database适用于存储大型的,复杂的数据。2、IE8、Firefox3.6、Chrome5、Safari4、Opera4,各个浏览器在APIf方面的实现基本一致,存在一定的原创 2016-09-06 10:47:24 · 563 阅读 · 0 评论 -
标签为什么要语义化?
1、手持移动设备的无障碍阅读手持移动设备如PDA、智能手机等可能对CSS的解析能力较弱,这时可能就需要更语义的标签来体现一个页面的易读性2、盲人等一些障碍人士的更好地阅读屏幕阅读器对不同标签所发出的声音是不同的,使用更语义的标签以能传达不同信息的重要性3、搜索引擎的友好收录虽然各大搜索引擎的排名规则不断的再变化,但规则里的正则始终是要匹配标签的,如果能用更语义的标签,蜘蛛爬行能转载 2016-07-30 10:42:36 · 2059 阅读 · 0 评论 -
两种方法实现CSS垂直居中
方法一 :利用行高line-heightline-height通常是用于调节一段文字的行与行之间的距离,或者说两行文字之间的距离,如果外部容器高度是100px;设置line-height:100px;可以实现垂直居中。但是用它来实现垂直居中,也是有缺点的,就是如果内容过多,文字就会跑到下一行,那么内容就不可能垂直居中了。以下主要讲一下文字过多怎样实现垂直居中。方法二:利用绝对定位翻译 2016-07-29 21:18:29 · 539 阅读 · 0 评论 -
HTML5面试题目汇总(一)
1.HTML5 为什么只需要写 ?答案解析:HTML5不基于SGML,因此不需要对DTD进行引用,但是需要DOCTYPE来规范浏览器的行为(让浏览器按照他们应该的方式来运行)而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。2、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?答案解析:行内元素:a b span转载 2016-07-19 10:07:39 · 51797 阅读 · 3 评论 -
HTML和css笔记
制作有吸引力的段落 对于更有吸引力的段落排版,可以采用Robert Bringhurst的方法,它约定:用你的文字大小乘以30就可以得到段落的宽度。比如如果你的文字大小是12px,用30乘以它,也就是360px,这样每行大约可以呈现65个英文字符。行高用来限定每行文字之间的空白大小。一个经验之谈就是让行高比你的字体大6-7px。IE6双倍边距BUG 原因: 块级元素; 左浮动; 设置了左边翻译 2016-07-27 10:16:25 · 471 阅读 · 0 评论 -
HTML和css笔记
Google Chrome浏览器不支持小于12px的字体大小解决方法Chrome浏览器不支持小于12px的字体,IE、Firefox、Opera(12.0其他版本不知道支不支持)。现在我们要解决Chrome浏览器的这一BUG。很简单只要写上-webkit-text-size-adjust:none;(取消webkit的对文字的自动调整)问题就解决了,你可以把它放在body里或者具体项目元素翻译 2016-07-26 20:41:36 · 703 阅读 · 0 评论 -
HTML5表单新增属性control
邮编: 请输入六位数字 function setValue(){ var label = document.getElementById('label'); var textbox = label.control; textbox.value='10010'; } 在HTML5中,可以在标签内部放置一个表单原创 2016-07-26 10:33:12 · 3618 阅读 · 3 评论 -
align=absmiddle
align=absmiddle表示图像的中间与同一行中最大元素的中间对齐AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。AbsMiddle 图像的中间与同一行中最大元素的中间对齐。Baseline 图像的下边缘与第一行文本的下边缘对齐。Bottom 图像的下边缘与第一行文本的下边缘对齐。Left 图像沿网页的左边缘对齐,文字在图像右边换行。Middle转载 2015-12-02 15:52:33 · 1660 阅读 · 0 评论 -
圆角矩形、阴影、伪元素的应用实例iphone手机壳
阴影(box-shadow)Box-shadow: 水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内外阴影;里面只有水平阴影和垂直阴影是必须的。其他的可以省略有默认值。 默认的外阴影 outset 不能写,写上就看到效果伪元素Before after 两个 伪元素iphone手机壳 .iphone{ width:300px; height:翻译 2015-11-19 16:28:55 · 447 阅读 · 0 评论 -
border-radius 圆角矩形
无标题文档div{ width:100px; height:100px; border:1px solid red; margin:10px; float:left; text-align:center; }div:nth-of-type(1) { border-radius:10px/10px; }div:nth-of-type(2){ border-radius原创 2015-11-19 14:37:58 · 966 阅读 · 0 评论 -
Css3透明
1.1 Css3 背景1.1.1 Css3透明Css3 透明 Background:rgba(255,255,255,0.3)背景透明Border:10px solid rgba(255,255,255,.4);边框透明Color:rgba(255,255,255,0.6)翻译 2015-11-24 14:33:26 · 547 阅读 · 0 评论 -
Jquery 更改属性attr()
1.1 Jquery 更改属性attr()作用: attr() 方法设置或返回被选元素的一个或多个属性。1.返回 attr属性attr("propertyname");2.设置 attr属性attr("propertyname","value");3.设置多个 attr 属性attr({"propertyname":"value","propertyname":翻译 2015-11-18 16:03:04 · 1227 阅读 · 0 评论 -
CSS文件提取Ico图标
Ico图标通常这个名字用: favicon.ico 这个图标 它不是一张图片,它是一个 ico 的文件图标 把图片转换为 ico 图标的方法: 1. 制作png的图片。2. 网上在线转换。 比特虫 http://bitbug.net/ 3. 或者 http://www.easyicon.net/covert/ 把 favicon翻译 2015-11-16 15:18:08 · 1689 阅读 · 0 评论 -
简单导航栏
无标题文档body{ margin:0; padding:0;}ul{ list-style:none;}.first{ width:760px;margin:0 auto;background:url(banner_bg.jpg) repeat-x;}.second{ width:760px; height:32px;background:url(button1_bg.j翻译 2015-11-15 21:36:24 · 312 阅读 · 0 评论 -
浮动
1.1 浮动(float)浮动使我们网页布局的核心,学完浮动,我们就可以做网页了。1.1.1 标准流标准流,国内有些人翻译成 文档流 它的英文名字 normal flow 我们一般称为 普通流 或者 标准流 。什么是标准流: 标准流就是我们标签一些默认的显示方式。 比如说,块级元素 自己占一行, 行内元素一行放多个 这个显示方式,我们称之为标准流。翻译 2015-11-14 18:07:22 · 336 阅读 · 0 评论 -
HTML5面试题目汇总(三)
用过哪些设计模式?工厂模式: 主要好处就是可以消除对象间的耦合,通过使用工程方法而不是new关键字。将所有实例化的代码集中在一个位置防止代码重复。 工厂模式解决了重复实例化的问题 ,但还有一个问题,那就是识别问题,因为根本无法 搞清楚他们到底是哪个对象的实例。function createObject(name,age,pro转载 2016-09-28 14:31:19 · 1140 阅读 · 0 评论