前端基础知识第四章---CSS

前言	❤️ 生活中总有一些惊喜值得期待，只要我们一直保持着热爱 ❤️

前端基础知识第四章---CSS

一、CSS 第四章
- （1）浮动（float)
- - 1.1 传统网页布局的三种方式
  - 1.2 标准流（普通流/文档流）
  - 1.3 为什么需要浮动？
  - 1.4 什么是浮动？
  - 1.5 浮动特性（重难点）
  - - 1.5.1 浮动元素会脱离标准流(脱标)
    - 1.5.2 浮动的元素会一行内显示并且元素顶部对齐
    - 1.5.3 浮动的元素会具有行内块元素的特性
  - 1.6 浮动元素经常和标准流父级搭配使用
- （2）常见网页布局
- - 2.1 常见网页布局
  - 2.2 浮动布局注意点
- （3）清除浮动
- - 3.1 为什么需要清除浮动？
  - 3.2 清除浮动本质
  - 3.3 清除浮动
  - - 3.3.1 清除浮动 —— 额外标签法
    - 3.3.2 清除浮动 —— 父级添加 overflow
    - 3.3.3 清除浮动 —— :after 伪元素法
    - 3.3.4 清除浮动 —— 双伪元素清除浮动
  - 3.4 清除浮动总结
- （4）PS 切图
- - 4.1 常见的图片格式
  - 4.2 PS 切图
  - - 4.2.1 图层切图
    - 4.2.2 切片切图
    - 4.2.3 PS 插件切图
- （5）开发功法
- - 5.1 CSS 属性书写顺序(重点)
  - 5.2 页面布局整体思路
二、总结

一、CSS 第四章

（1）浮动（float)

1.1 传统网页布局的三种方式

1️⃣ 网页布局的本质：用 CSS 来摆放盒子。把盒子摆放到相应位置。
2️⃣ CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)：普通流（标准流）、浮动、定位；

前端基础知识第四章---CSS相关推荐

计算机基础知识第四章测试,第四章计算机基础知识.ppt
第四章计算机基础知识.ppt 第四章计算机基础知识一.Word的启动与退出 (1)从"开始"菜单启动.选择"开始"→"程序"→" ...
计算机基础知识第四章测试,计算机基础知识测试题第四章
第四章电子表格Excel 一．单项选择题 1.利用"文件"菜单打开Excel 2000的文件,一次可以打开多个不连续的文件,方法是先单击一个文件名,然后按住( )键,再单击其他文 ...
html5基础知识第四章其他标签
以下内容是学习期间整理,有些语句是便于理解,便于快速入门写的.并不权威. 表格: <table><thead><tr><th></th>&l ...
前端基础知识（四）JS截取字符串常用方法
一.使用substring()或者 slice() 1)substring()用于提取字符串介于两个指定下标之间的字符. stringObject.substring(start, stop) 不包含 ...
（Java高级教程）第四章必备前端基础知识-第二节1：CSS概述和选择器
文章目录一:CSS概述 (1)概述 (2)语法规范 (3)CSS引入方式二:选择器 (1)基础选择器 ①:标签选择器 ②:类选择器 ③:id选择器 ④:通配符选择器总结 (2)复合选择器 ①:后 ...
超详细的计算机网络基础知识总结第一章：概述
本文基于:王道计算机考研-计算机网络顺便提一嘴,王道计算机网络的小姐姐声音真滴好听相关文章超详细的计算机网络基础知识第二章-物理层超详细的计算机网络基础知识第三章:数据链路层超详细的计算 ...
前端基础知识第一章---HTML
前言 ❤️ 天空黑暗到一定程度,星辰就会熠熠生辉 ❤️ 前端基础知识第一章---HTML 一.HTML 简介 (1)网页 1.1 什么是网页 1.2 什么是 HTML (2)常用浏览器 2.1 常用的 ...
HTML/CSS基础知识（四）
WEB标准和W3C的理解与认识 Web标准是一系列标准的集合. 网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior). 对应的标准也分三方面:结 ...
html+id选择器如何使用方法,id选择器_HTML+CSS前端基础知识教程_腾讯视频
更多资料源码请加3252897743第1天 html 1.HTTP协议 2.html是纯文本3.html骨架4.DTD文档类型5.head标签6.body标签7.html基本语法8.h系列的标 ...

前端基础知识第四章---CSS

前端基础知识第四章---CSS

一、CSS 第四章

（1）浮动（float)

1.1 传统网页布局的三种方式

前端基础知识第四章---CSS相关推荐

最新文章

热门文章