CSS布局

代码作业预览


  1. 实现一个两栏布局,左侧固定宽度200px,右侧自适应宽度:作业1
  2. 实现一个三栏布局,两侧固定宽度200px,中间宽度自适应撑满:作业2
  3. 块级元素固定宽度,水平居中:作业3
  4. 大段文字在容器内水平垂直居中:作业4
  5. 并列三个按钮,在父容器内水平居中:作业5
  6. 图片在容器内水平垂直居中,容器宽高大于图片宽高:作业6
  7. 固定宽高的块在浏览器窗口水平垂直居中:作业7
  8. 不定宽高的块在浏览器窗口水平垂直居中:作业8

CSS reset


将浏览器的默认样式全部去掉,就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。

CSS预处理器


CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题。

post CSS


PostCSS 本身是一个功能比较单一的工具。它能够用 JavaScript 代码来处理 CSS,负责把 CSS 代码解析成抽象语法树结构(Abstract Syntax Tree,AST),再交由插件来进行处理。PostCSS 的主要功能只有两个:第一个就是把 CSS 解析成 JavaScript 可以操作的 AST,第二个就是调用插件来处理 AST 并得到结果

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 温馨提示:本文较长,图片较多,本来是想写一篇 CSS 布局方式的,但是奈何 CSS 布局方式种类太多并且实现...
    sunshine小小倩阅读 8,398评论 0 59
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,718评论 1 92
  • 1. 前言 前端圈有个“梗”:在面试时,问个css的position属性能刷掉一半人,其中不乏工作四五年的同学。在...
    YjWorld阅读 10,222评论 5 15
  • 第8章 Spring Boot集成开发 8.1 Spring Boot集成Groovy混合Java开发 8.2 S...
    光剑书架上的书阅读 3,885评论 0 2
  • 政教处一日一说(20170320)观看爱国电影通知要求—— 根据上级要求和学校意见,今天下午高一高二级部全体学生观...
    齐鲁桃乡丘中牛阅读 3,146评论 0 0

友情链接更多精彩内容