2016年11月8日
摘要: <meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1" /><me 阅读全文
posted @ 2016-11-08 17:47 江蓠若芷 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 定义全局字体是这样的font:12px/1.5 tahoma,arial,\5b8b\4f53 前面的12px字体,1.5表示行高,18px 后面的\5b8b\4f53为什么写成这样的呢? 请教百度谷歌 发现“\5b8b\4f53″ 就是 “宋体”。用 unicode 表示,不 用 SimSun, 阅读全文
posted @ 2016-11-08 17:45 江蓠若芷 阅读(2403) 评论(0) 推荐(0) 编辑
摘要: (如果考虑浏览器的兼容性,特别是做网站的时候,可以直接用最大高度max-height来限制文字超出隐藏也可以,如果是写移动端的页面,直接用以下的方法来限制比较正确。)text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow: hidden; 阅读全文
posted @ 2016-11-08 17:41 江蓠若芷 阅读(1180) 评论(0) 推荐(0) 编辑
摘要: 在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是 outline 。 outline 能告诉用户那一个可以激发事件的html元素获取了焦点,对钟爱键盘操作的用户尤其有意义。一个清晰悦目的outline设计能提高使用表单 阅读全文
posted @ 2016-11-08 17:37 江蓠若芷 阅读(4133) 评论(0) 推荐(0) 编辑
  2016年7月17日
摘要: 1.box-sizing 这个属性是CSS3新增的属性。IE8开始兼容。box-sizing: border-box; border-box,就是边框的这个小盒。这个属性命令,width数值指的是border这个小盒的宽度,此时,padding 表现为一种“内减”,而不是原来的“外扩”。后面再任意设 阅读全文
posted @ 2016-07-17 15:35 江蓠若芷 阅读(295) 评论(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 江蓠若芷 阅读(335) 评论(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 江蓠若芷 阅读(461) 评论(0) 推荐(0) 编辑
摘要: 使用javascript脚本编写的一个能检测浏览器屏幕的宽度,当改变浏览器屏幕大小时,输出的数值也会随之改变。 阅读全文
posted @ 2016-07-17 13:14 江蓠若芷 阅读(534) 评论(0) 推荐(0) 编辑