随笔分类 -  css

侯策《前端开发核心知识进阶》读书笔记——响应式布局
摘要：响应式布局适配方案 传统 float 浮动布局 知识储备：侯策《前端开发核心知识进阶》读书笔记——html与css要点 可以看出来，这种实现方式比较传统，且能力较弱。 相对单位布局 css中相对的布局单位有以下几种：em、rem、vh、vw、vmin、vmax、%、calc() em 相对于当前元素 阅读全文
posted @ 2020-05-04 00:19 姚啊姚 阅读(635) 评论(0) 推荐(0)
侯策《前端开发核心知识进阶》读书笔记——html与css难点
摘要：HTML5 html规范常识，HTML 规范是 W3C 与 WHATWG 合作共同产出的： W3C 指 World Wide Web Consortium WHATWG 指 Web Hypertext Application Technology Working Group 那么 HTML5 给开发 阅读全文
posted @ 2020-05-03 00:33 姚啊姚 阅读(790) 评论(0) 推荐(0)
侯策《前端开发核心知识进阶》读书笔记——html与css要点
摘要：HTML 语义化 根据结构化的内容，选择合适的标签。 为什么要做到语义化？ “合适的标签”是内容表达的高度概括，这样浏览器爬虫或者任何机器在读取 HTML 时，都能更好地理解，进而解析效率更高。这样带来的收益如下： 有利于 SEO 开发维护体验更好 用户体验更好（如使用 alt 标签用于解释图片信息 阅读全文
posted @ 2020-05-02 15:26 姚啊姚 阅读(464) 评论(0) 推荐(0)
Flex布局
摘要：一、Flex概念 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可使用Flex布局 .box{ display: inline-flex; } W 阅读全文
posted @ 2020-03-20 13:15 姚啊姚 阅读(148) 评论(0) 推荐(0)
css基本布局方式
摘要：一、table布局 table 的特性决定了它非常适合用来做布局，并且表格中的内容可以自动居中，这是之前用的特别多的一种布局方式。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS 布局</title> 阅读全文
posted @ 2020-03-18 10:00 姚啊姚 阅读(727) 评论(0) 推荐(0)