随笔分类 - HTML&CSS
摘要：一、Flex 弹性盒 2009年，W3C 提出了一种新的方案--Flex 布局，可以简便、完整、响应式地实现各种页面布局。 设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 /* 任何一个容器都可以指定为 Flex 布局。*/ .box{ displ
阅读全文
摘要：一、什么是HTML语义化 根据内容的结构和含义,选择合适的 HTML 标签(标签语义化) 1.优点 1）对机器友好 SEO友好：利于搜索引擎优化 提高可访问性 有助于搜索引擎爬虫更好抓取网页内容 2）对于开发者友好 提升代码可阅读性：更清晰地理解网页结构 利于团队维护：快速定位代码 常见语义化标签
阅读全文
摘要：WebKit内核浏览器解决办法 -webkit-box;将对象作为弹性伸缩盒子模型显示； -webkit-box-orient;设置或检索伸缩盒对象的子元素的排列方式； text-overflow: ellipsis;用省略号隐藏超出范围的文本。 -webkit-line-clamp:用来限制在一个
阅读全文
