HTML&CSS
关注
分享
扫一扫
kinglyjn
Simple is Beautiful | Eamil：admin@keyllo.com | Welcome: http://www.keyllo.com
展开
-
HTML内联框架iframe
由于现在frame和frameset很少使用，已经过时了，已经被div+CSS代替了，所以，这里只是举例说明一下，当下还在使用的内联框架iframe。所谓的iFrame内联框架，简单理解就是在网页内部嵌套一个网页，并且可以一级一级地嵌套下去。测试代码: <!--index.html--><!DOCTYPE html><html><head><meta charset="UTF-8"><t原创 2016-12-28 16:38:22 · 1791 阅读 · 0 评论 -
HTML5的sessionStorage和localStorage
概述html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删原创 2016-12-28 18:23:00 · 380 阅读 · 0 评论 -
html5本地数据库
概述Web SQL数据库API实际上不是HTML5规范的组成部分，而是单独的规范。它通过一套API来操纵客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都已经支持Web SQL Database。虽然Html5已经提供了功能强大的localStorage和sessionStorage，但是他们两个都只能提供存储简单数据结构的数据，对于复杂的Web应用的数据却无能为力原创 2016-12-28 18:25:20 · 424 阅读 · 0 评论 -
css3盒子模型及其定位
盒子模型常见相关属性和属性取值/*基本属性*/padding: padding-left/right/top/bottomborder: border-left/right/top/bottom border-radiusmargin: margin-left/right/top/bottom/*定位*/position //把一个元素放在静态的static原创 2016-12-29 09:28:03 · 1344 阅读 · 0 评论 -
css3基本样式汇总
背景background-attachment /*背景图像是否固定或随着页面的奇遇部分滚动 fixed*/background-colorbackground-image /*url("xxx.jpg")*/background-repeat /*设置背景图片是否及如何重复 repeat no-repeat repeat-x repat-y*/background-pos原创 2016-12-29 09:45:54 · 1917 阅读 · 1 评论 -
html基本常见特效设置
私有名称前缀为了兼容老版本的写法。例如：比较新版本的浏览器都支持直接写：border-radius。因为制定HTML和CSS标准的组织W3C动作是很慢的。 通常，有w3c组织成员提出一个新属性，比如说圆角border-radius，大家都觉得好，但w3c制定标准，要走很复杂的程序，审查等。而浏览器商市场推广时间紧，如果一个属性已经够成熟了，就会在浏览器中加入支持。为避免日后w3c公布标准时有所变更原创 2016-12-29 11:24:17 · 759 阅读 · 0 评论 -
html基本常见布局
基本 banner-left-content-footer 布局<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>基本 banner-left-content-footer 布局</title> <style> body { background-color: #e1ddd9;原创 2016-12-29 09:44:50 · 462 阅读 · 0 评论 -
css3基本选择器
属性选择器和模糊匹配根据部分属性值选择：如果需要根据属性值中的词列表的某个词进行选择，则需要使用波浪号（~）。假设您想选择 class 属性中包含 important 的元素，可以用下面这个选择器做到这一点：p[class~="important"] {color: red;} 如果忽略了波浪号，则说明需要完成完全值匹配。部分值属性选择器与点号类名记法的区别：该选择器等价于我们在类选择器原创 2016-12-29 13:35:02 · 489 阅读 · 0 评论 -
html基本常见组件和效果设置
导航栏列表<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>CSS3_最简单的导航栏</title> <style type="text/css"> /*垂直导航栏，不需要更改html代码*/ /* ul { list-style-type: non原创 2016-12-29 10:11:30 · 4785 阅读 · 0 评论