随笔分类 -  html&css

H5弃用标签和属性
摘要：弃用标签 font标签 frameset、frame标签 frame.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit 阅读全文
posted @ 2019-05-19 09:21 chuanzi 阅读(640) 评论(0) 推荐(0)
HTML常用转义字符
摘要：半方大的空格：&ensp;&#8194; 全方大的空格：&emsp;&#8195; 不断行的空格：&nbsp;&#160; 小于<：&lt;&#60; 大于>：&gt;&#62; &符号：&amp;&#38; 双引号"：&quot;&#34; 版权©：&copy;&#169; 已注册商标®：&reg 阅读全文
posted @ 2019-05-19 09:03 chuanzi 阅读(1511) 评论(0) 推荐(0)
解决上下两个相邻图片之间存在默认间距的问题
摘要：先来看一段代码 运行效果如下 两个图片之间存在一定的间距，这是由于img标签为inlineblock类型造成的，解决方法也很简单 方式1：将图片的display改为block 方式2：设置图片的vertical-align为 top; 阅读全文
posted @ 2019-05-10 08:40 chuanzi 阅读(676) 评论(0) 推荐(0)
H5实现表单单选的3种方式
摘要：1、使用同名radio型input元素 主攻方向： <input type="radio" name="language" value="java" checked>java <input type="radio" name="language" value="javascript">javascr 阅读全文
posted @ 2019-05-06 13:58 chuanzi 阅读(9921) 评论(0) 推荐(1)
H5表单标签属性使用小结
摘要：Title 用户名： 手机号： 文件： 邮箱： 地址： 阅读全文
posted @ 2019-05-04 09:01 chuanzi 阅读(211) 评论(0) 推荐(0)
H5表单input标签新增type
摘要：示例代码： 补充：邮箱验证及其他验证，当input标签上有required属性时浏览器才会在表单提交前自动执行验证 当验证不通过时触发invalid事件，通过表单元素DOM对象方法setCustomValidity("提示信息")可以改变默认的提示信息 阅读全文
posted @ 2019-05-04 08:55 chuanzi 阅读(980) 评论(0) 推荐(0)
IE8及以下兼容h5标签的两种方法
摘要：在默认情况下，IE8及以下的IE版本不支持HTML5，这里介绍两种兼容方式 第一种方式：手动创建标签 <script> /*手动创建标签:默认的标签的类型都是行级元素，当设置标签样式时，首先需要将行级元素转换为块级元素，即设置display：block*/ document.createElemen 阅读全文
posted @ 2019-05-04 08:48 chuanzi 阅读(934) 评论(0) 推荐(0)
CSS3解决连续英文字符或数字不能自动换行的问题
摘要：在开发中可能会遇到连续英文字符或数字超出容器边界的问题，如 效果图： 可以看到，正常的中文和英文单词是可以正常换行的，为了解决后面的连续数字或英文字符溢出的现象，可以给en类加上word-wrap: break-word;样式 效果图： end ^_*` 阅读全文
posted @ 2019-03-16 18:07 chuanzi 阅读(1757) 评论(0) 推荐(0)