![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5C3
Akatsuki233
这个作者很懒,什么都没留下…
展开
-
语义化标签的作用与兼容问题
1.语义化标签的作用1.1 从开发角度考虑是提高代码的可读性可维护性1.2 网站的发布者:seo 搜索引擎优化2.语义化标签的兼容问题2.1 IE9以下不支持H5标签(大部分css3属性,一些H5的api)2.2 IE9以下不认识,把这些标签当做行内元素去看待2.3 语义化标签需要动态创建 document.createElement(‘header’) 同时设置块级元素2.4 有一...原创 2019-02-19 09:10:04 · 258 阅读 · 0 评论 -
文字颜色渐变
文字从左到右三种颜色渐变h1,h2 { background: linear-gradient(to right, #7FB746, #009EE2, #0054A7); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}效果图参考:https://blog.csdn.net/q...原创 2019-06-06 11:22:41 · 359 阅读 · 0 评论 -
input问题点总结:placeholder的默认字体颜色,type=”hidden”,max,maxlength
input::-webkit-input-placeholde{ color:red;}参考:https://jingyan.baidu.com/article/e75aca853e05bf142edac620.html原创 2019-04-03 10:04:17 · 485 阅读 · 0 评论 -
文字/盒子大小响应式
根据媒体查询解决html { font-size: 10px;}@media only screen and (min-width: 100px) and (max-width: 1366px) { h1 { // 这里的em是根据根节点html元素的font-size倍数来计算的 font-size: 2.5em; // 所以最终的是25px } div{...原创 2019-06-04 15:43:10 · 277 阅读 · 0 评论 -
css 文字太多用省略号表示
p { width: 200px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 可以显示的行数,超出部分用...表示*/ ...原创 2019-08-28 11:35:56 · 225 阅读 · 0 评论