随笔分类 -  HTML+CSS

摘要:vw:相对于视窗的宽度,视窗宽度是100vw vh:相对于视窗的高度,视窗高度是100vh 参考资料:【https://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/】 阅读全文
posted @ 2018-07-30 14:34 softwarefang 阅读(156) 评论(0) 推荐(0) 编辑
摘要:参考资料:【https://www.zhangxinxu.com/wordpress/2014/07/hello-html5-template-tag/】 阅读全文
posted @ 2018-06-22 14:13 softwarefang 阅读(3899) 评论(0) 推荐(0) 编辑
摘要:div正常情况下是无法获得焦点的,所以其blur方法和focus方法都是没有用的,解决方案如下: 添加tabindex属性后,div便可通过tab键或点击的方式获得焦点,也可通过js的focus方法获得焦点 阅读全文
posted @ 2018-04-19 10:01 softwarefang 阅读(348) 评论(0) 推荐(0) 编辑
摘要:参考资料:【http://www.zhangxinxu.com/wordpress/2013/08/url-anchor-html-%E9%94%9A%E7%82%B9%E5%AE%9A%E4%BD%8D%E6%9C%BA%E5%88%B6-%E5%BA%94%E7%94%A8-%E9%97%AE% 阅读全文
posted @ 2018-03-02 16:56 softwarefang 阅读(138) 评论(0) 推荐(0) 编辑
摘要:matrix():http://www.zhangxinxu.com/wordpress/2012/06/css3-transform-matrix-%E7%9F%A9%E9%98%B5/ matrix3d():http://blog.csdn.net/lht748/article/details/ 阅读全文
posted @ 2018-01-12 22:59 softwarefang 阅读(155) 评论(0) 推荐(0) 编辑
摘要:coverflow是苹果首创的将多首歌曲的封面以3D界面的形式显示出来的方式 GitHub地址:【https://github.com/coverflowjs/coverflow】 下载地址:【http://plugins.jquery.com/coverflow/】 阅读全文
posted @ 2018-01-11 11:06 softwarefang 阅读(335) 评论(0) 推荐(0) 编辑
摘要:css换行用省略号代替,也可以说是长标题的文章可以使用简单的CSS样式实现省略号控制显示。 一般的文字截断(适用于内联与块): 1 .text-overflow{ 2 display:block;/*内联对象需加*/ 3 width:31em; 4 word-break:keep-all;/* 不换 阅读全文
posted @ 2017-08-21 09:48 softwarefang 阅读(1081) 评论(0) 推荐(0) 编辑
摘要:在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。 阅读全文
posted @ 2017-06-29 09:43 softwarefang 阅读(186) 评论(0) 推荐(0) 编辑
摘要:一、HTML : 双引号:" 单引号:' 二、JavaScript: 双引号:\" 单引号:\' 阅读全文
posted @ 2017-01-06 00:29 softwarefang 阅读(30439) 评论(1) 推荐(0) 编辑
摘要:自定义属性:添加前缀“data-” dataset属性:添加自定义属性后,通过元素的dataset属性来访问自定义属性的值(属性名没有data-前缀) data-name:dataset.name data-name-first:dataset.nameFirst html结构: 1.利用 getA 阅读全文
posted @ 2016-12-20 01:14 softwarefang 阅读(784) 评论(0) 推荐(0) 编辑
摘要:一、使用方式: 二、属性 1.lang属性:语言种类 2.x-webkit-grammar属性:语法 三、事件 onwebkitspeechchange事件:当语音识别成功,文本写入到文本框之后触发 阅读全文
posted @ 2016-12-07 19:19 softwarefang 阅读(1043) 评论(0) 推荐(0) 编辑
摘要:参考资料:【http://www.liaoxuefeng.com/article/0013738937970388b6b6e5e5e2f4e21b65b01807c84ddf6000】 阅读全文
posted @ 2016-11-24 23:54 softwarefang 阅读(135) 评论(0) 推荐(0) 编辑
摘要:之前一直很狭隘的对CSS hack持有偏见,觉得写得规范的代码不应该使用这些“邪门歪道”,可最近产品发布一个小问题却让我头疼了很久,最后查了一下资料,竟然使用CSS hack轻松解决了,不得不服啊,对付神奇的IE就得使用这些利器。 什么是CSS hack 由于不同的浏览器,甚至同一浏览器的不同版本对 阅读全文
posted @ 2016-11-23 22:46 softwarefang 阅读(265) 评论(0) 推荐(0) 编辑
摘要:我们在设计页面的时候,经常要把DIV居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让DIV居中。在本文中,我将给大家讲述如何用CSS和jQuery两种方法让DIV水平和垂直居中。 CSS让DIV水平居中 说明,本文中所指的DIV包括HTML 阅读全文
posted @ 2016-11-23 22:37 softwarefang 阅读(106256) 评论(2) 推荐(2) 编辑
摘要:前言目前中文网站上面的文字,就我的个人感觉而言,绝大多数网站的主流文字大小为12px,因为在目前高分辨率显示器屏幕下,11px的汉字,其像素点开始不规整,文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复选框是不对齐的。例如下面这张雅虎中国首页在火狐浏览 阅读全文
posted @ 2016-11-23 16:02 softwarefang 阅读(994) 评论(0) 推荐(0) 编辑
摘要:一、在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标。 经过我仔细的测试,发现了网页打印中,默认采用的是96dpi,并非传闻的72dpi 。 A4纸张的尺寸是210×297mm,按1英寸=25.41mm换算,即8.264×11.688英寸 。所以,A4纸96d 阅读全文
posted @ 2016-11-23 14:13 softwarefang 阅读(7819) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示