随笔分类 - HTML+CSS
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
摘要：一般来说，对于html页面，一个站点，每个页面都会有相同的公共文件，比如页面的头部、尾部、侧边栏目、公共JS等。访问站点下的每一个页面，相同的公共文件，都需要重复从服务器下载。从性能和带宽角度看，重复下载相同内容对性能不利，同时也会占用带宽。因此include进来的公共文件，是否有办法缓存这些文件呢
阅读全文
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS之按钮过滤</title> </head> <style type="text/css"> html,body,.wrapper{ height:100%;} body{ b
阅读全文
摘要：参阅：http://tympanus.net/Development/CreativeLinkEffects/ CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。在网上看到了这个CreativeLinkEffects（连接
阅读全文
摘要：PageX:鼠标在页面上的位置，从页面左上角开始，即是以页面为参考点，不随滑动条移动而变化。 clientX:鼠标在页面上可视区域的位置，从浏览器可视区域左上角开始，即是以浏览器滑动条此刻的滑动 到的位置为参考点，随滑动条移动 而变化。 <!DOCTYPE html PUBLIC "-//W3C//
阅读全文
摘要：自适应布局webkit-box，在平常的web横排布局中，会经常用到float或display:inline-block，但是在多种不同宽度的移动设备的自适应布局中用的话，还得设置百分比宽度和考虑清除浮动。而Flexible Box Model可以自动计算宽度和自适应，更加方便。 -webkit-b
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
阅读全文
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS之侧边栏</title> <style> *{ margin:0; padding:0; } html{ height:100%; } a:link,a:visited{ c
阅读全文
摘要：1、opacity=0，该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的2、visibility=hidden，该元素隐藏起来了，但不会改变页面布局，但是不会触发该元素已经绑定的事件3、display=none，把元素隐藏起
阅读全文
摘要：摘要：HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：Content-Type、Refresh 、Expires 、Pragma 、Set-Cookie、Page-Enter、Page-Exit等 1、Co
阅读全文
摘要：参考https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow box-shadow属性向框添加一个或多个阴影。语法先上： 解释一下： 其中X和Y是必须选的，其他可选。 在设置box-shadow时可以各式各样，非常漂亮，我们举些栗子： 0
阅读全文
摘要：就是因为昨天弄这个“神奇的小标签”差点把自己的园子给废了（情节真的有这么严重），说多了都是泪啊~~(┳＿┳)。本来是想在页首添加这个“神奇的小标签”的，不知是插件有BUG还是代码错误当场就导致不能编辑页面也不能后台操作，后来是用手机在后台改回来的（简直吓死宝宝了￣︶￣），还好躲过一劫。。。 <!DO
阅读全文
摘要：一、旋转rotate rotate(<angle>) ：通过指定的角度参数对原元素指定一个2D rotation（2D 旋转），需先有transform-origin属性的定义。transform-origin定义的是旋转的基点，其中angle是指旋转角度，如果设置的值为正数表示顺时针旋转，如果设置
阅读全文
摘要：啧啧啧(￣︶￣)，国庆人太多，所以假期还没结束就提前几天回来了。今天也是挤火车赶回来的，被夹在门里好尴尬啊~~ 回家的这几天在外婆家招待过的好爽啊，又是鱼又是肉，馋的我都不想走了。 然而自己在家只能“啃馒头”了，呜呜呜。 Let's begin！我们再来看CSS之text-stroke(文本描边)
阅读全文
摘要：可能这是冷知识了，并不为多数人知道像HTML、JS、CSS它们的特殊字符的写法，我也是在网上收录的在这里make一下： 箭头类 基本形状类 对错号 星星：
阅读全文
摘要：吐槽啦：Yeah 明天就是国庆了o(*￣▽￣*)o！哈哈，提前祝福各位园友国庆快乐、假期愉快、生活美满、天天开心！国庆我要回家一趟，把一些不用的东西带回家，走访一下亲朋好友，在家打几天酱油~~~ 言归正传，我们回到我们的主题来看看CSS之全屏背景图。Nowdays，满屏大图的网页成为了一种fashi
阅读全文
摘要：匹配国内电话号码：d{3}-d{8}|d{4}-d{7} 评注：匹配形式如 0511-4405222 或 021-87888822 匹配腾讯QQ号：[1-9][0-9]{4,} 评注：腾讯QQ号从10000开始 匹配中国邮政编码：[1-9]d{5}(?!d) 评注：中国邮政编码为6位数字 匹配身份证
阅读全文
摘要：CSS样式设置元素中心对齐时，我们用margin属性默认自动对齐方式为： margin的两种写法：第一种四个值，第二种两个值。 margin:上 右 下 左 margin：上下 左右 但是当宽度设置为100%时这种对其方式是没有绝对效果的，这里还有一个误区（我以前遇到过），可能有人会认为中心对齐可以
阅读全文
浙公网安备 33010602011771号