HTML、CSS
VisonYH
这个作者很懒,什么都没留下…
展开
-
HTML5 input常见新增类型及属性
1. url类型、email、tel类型说明:当输入非url、email的字符串时,浏览器会自动提醒。<form action="/example/html5/demo_form.asp"> <input type="url"> <input type="submit" value="提交"></form&原创 2018-03-17 10:44:40 · 3911 阅读 · 0 评论 -
模拟单选框或复选框
1. 原生的input似乎有点丑,可以利用CSS属性选择器选择不同的状态,模拟出相应的效果。HTML代码如下:<label for="test"> <input id="test" type="checkbox"> <span></span></label>CSS代码如下:原创 2018-03-18 14:09:01 · 468 阅读 · 0 评论 -
word-wrap white-space word-break textoverflow的辨析
1. word-wrap属性值: normal(默认属性)、break-word 说明:正常来说,在一行文本中,如果出现这一行已经放不下的单词,浏览器会自动将该文字转入下一行。但是,如果一行都无法放下该单词,则浏览器默认会出现溢出的情况。如果设置了break-word属性,则会将该单词折断在下一行显示。 2.white-space 属性说明:规定段落中的文本不进行换行。 属性值:...原创 2018-03-18 14:49:12 · 250 阅读 · 0 评论 -
transform transform-origin详解
mark一下这两篇文章,有时间再好好总结。 https://www.w3cplus.com/content/css3-transformhttp://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/转载 2018-03-19 15:16:42 · 1140 阅读 · 0 评论 -
设备像素比、DPI、PPI、DP、PX 的详细计算方法
参考地址: https://www.web-tinker.com/article/20590.html https://www.zhihu.com/question/21220154转载 2018-03-20 14:25:03 · 2718 阅读 · 0 评论 -
移动端布局相关知识
参考: 使用Flexible实现手淘H5页面的终端适配 viewports剖析转载 2018-04-09 09:35:51 · 145 阅读 · 0 评论 -
DOM Core 与 HTML DOM的区别和联系
本文内容的主题便是,为什么开发者要认为“DOM Level 1规范的架构”是至关重要的,其突出的重要性在哪里等等,以及还有HTML DOM和XML DOM之间微妙的区别及内在的联系。 W3C所制订的DOM Level分为两大模块:Core和HTML。第一个大模块是Core核心,W3C规范是这样描述Core的:满足软件开发者和Web脚本编写者,访问和操控产品项目中包含的可解析的HTML和XML...转载 2018-05-01 14:57:28 · 1737 阅读 · 0 评论 -
margin技术相关
1. 由浅入深漫谈margin属性 2. 深入了解margin的问题 3. 用Margin还是用Padding 4. 不要告诉我你懂margin转载 2018-04-20 14:39:56 · 187 阅读 · 0 评论