2016年7月17日
摘要: 1.box-sizing 这个属性是CSS3新增的属性。IE8开始兼容。box-sizing: border-box; border-box,就是边框的这个小盒。这个属性命令,width数值指的是border这个小盒的宽度,此时,padding 表现为一种“内减”,而不是原来的“外扩”。后面再任意设 阅读全文
posted @ 2016-07-17 15:35 江蓠若芷 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 流式布局,就是用百分比设置宽度的布局形式。* 目标宽度/上下文宽度=值只要是在儿子元素CSS中,出现百分比的数值:width、padding、margin, 一定指的是父亲的width值的那些百分比。(标准是父亲的width值) 百分比数值,只能出现在width、padding、margin, 边框 阅读全文
posted @ 2016-07-17 15:06 江蓠若芷 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 网页中bootstrap3.x使用了4中栅格选项来形成删格系统,来适合不同尺寸的设备,他们分别是col-xs、col-sm 、col-md、col-lg,我们懂英文的就知道,lg是large的缩写, md是mid的缩写,sm是small的缩写,xs适合超小 屏幕设备(手机)。 - .col-xs- 阅读全文
posted @ 2016-07-17 15:03 江蓠若芷 阅读(343) 评论(0) 推荐(0) 编辑
摘要: <link rel="stylesheet" href="css/1.css" media="(min- width:600px)"><link rel="stylesheet" href="css/2.css" media="(max- width:599px)">没写一句js,让页面能够根据宽度 阅读全文
posted @ 2016-07-17 14:57 江蓠若芷 阅读(927) 评论(0) 推荐(0) 编辑
摘要: 视口:我们试图在iPhone中输出屏幕宽度,你会发现屏幕宽度是980,却和PC屏幕差不多大。原因是苹果主导的这些手机厂商,为了使用户获得完整web体验,很多设备都会欺骗浏览器返回一个数值较大的“视口” ,告诉浏览器,我是想以980px宽度来显示这个页面,iPhone的分辨率为1136*640,三星N 阅读全文
posted @ 2016-07-17 14:36 江蓠若芷 阅读(465) 评论(0) 推荐(0) 编辑
摘要: 使用javascript脚本编写的一个能检测浏览器屏幕的宽度,当改变浏览器屏幕大小时,输出的数值也会随之改变。 阅读全文
posted @ 2016-07-17 13:14 江蓠若芷 阅读(534) 评论(0) 推荐(0) 编辑
摘要: 一般表单文本框提示信息:placeholder=" ",默认颜色是灰色的,输入文本信息也是默认为黑色的,如图所示: 修改placeholder提示内容的颜色关键代码及实现: 实现输入的时候字体颜色变成其他颜色(如红色)的关键代码及实现: 阅读全文
posted @ 2016-07-17 13:02 江蓠若芷 阅读(2420) 评论(0) 推荐(0) 编辑