m0_71172453的博客

能够说出为什么需要浮动能够说出浮动的排列特性能够说出3种最常见的布局方式能够说出为什么需要清楚浮动能够写出至少2种清除浮动的方法能够利用Photoshop实现基础的企图能够利用Photoshop插件实现切图能够独立完成学成在线项目的页面布局float 属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。选择器 { float：属性值；属性值描述none元素不浮动（默认值）left元素向左浮动right元素右浮动。

因为现在页面的美工大部分的效果图都需要用到工具PS（Photoshop）来做的，所以后续大部分的切图工作都在PS里面完成了的。文件→打开： 可以打开我们要测量的图片Ctrl+R：可以打开标尺，或者视图→标尺右击标尺，把里面的单位改成像素。Ctrl+加号（+）可以放大视图，Ctrl+减号（-）可以缩小视图按住空格键，鼠标可以变成小手，拖动PS视图用选区拖动，可以测量大小Ctrl+D可以取消选区，或者在旁边空白处点击一下也可以取消选区。

我们学习这一章需要掌握的几项知识目标如下：能够准确阐述盒子模型的4个组成部分能够利用边框复合写法给元素添加边框能够计算盒子的实际大小能够使用盒子模型布局模块案例能够给盒子设置圆角边框能够给盒子添加阴影能够给文字添加阴影。

CSS还有三大非常重要的特性需要掌握：层叠性、继承性、优先级。

通过CSS背景属性是可以给页面元素添加背景样式。背景属性可以设置背景颜色背景图片背景平铺背景图片设置背景图像固定等。属性作用值背景颜色预定义的颜色值/十六进制/RGB代码背景图片URL(图片路径）是否平铺背景位置length/position 分别是代表 x 和 y 坐标背景附着scroll（背景滚动）/fixed（背景固定）背景简写书写更简单背景颜色 背景图片地址 背景平铺 背景滚动 背景位置背景半透明背景颜色半透明后面必须是写4个值。

了解元素的显示模式是可以更好的让我们布局页面。1.什么是元素的显示模式2.元素显示模式的分类3.元素显示模式的转换根据以上三点，掌握了就知道什么是显示模式、显示模式的分类以及能不能相互转换。作用：网页的标签非常多，在不同的地方会用到不同类的标签，了解他们的特点可以更好的布局我们的网页。元素 显示模式 就是元素（标签）以什么方式进行显示，比如自己占一行，也比如一行可以放多个。HTML元素一般分为两大类型：1.块元素2.行内元素元素模式元素排列设置样式默认高度包含。

在css中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。复合选择器可以更准确、更高效的选择目标元素（标签）复合选择器是由两个或者多个基础选择器，通过不同的方式组合而成的常用的复合选择器包括有：后代选择器、子选择器、并集选择器、伪类选择器等等。

样式表优点缺点使用情况控制范围行内样式表书写方便，权重搞结构样式混写较少控制一个标签内部样式表部分结构和样式相分离没有彻底分离较多控制一个页面外部样式表完全实现结构和样式相分离需要引入最多最常用，控制多个页面。

属性表示注意点font-size字号我们通常用的单位是px像素，一定要跟上单位。字体实际工作中按照团队约定来写字体字体粗细记住加粗是700或者bold，不加粗是normal或者400，记住数字不要跟单位font-style字体样式记住倾斜是italic，不倾斜是normal，工作中我们最常用的是normalfont字体连写1.字体连写是有顺序的，不能随意换位置。2.其中字号和字体必须同时出现。

基础选择器作用特点使用情况用法标签选择器可以选出所有相同的标签，比如p不能差异化选择较多类选择器可以选出1个或者多个标签可以根据需求实际情况选择非常多id选择器一次只能选择1个标签ID属性只能在每个HTML文档中出现一次一般和js搭配通配符选择器选择所有标签选择的太多，有部分不需要特殊情况使用。

1.在vscode建立一个新的目录文件夹如15-综合案例2.将images复制到新的文件夹中，建立一个新的.html文件，输入【!】建立骨架标签3.根据自己的喜好找一篇文章来联系例如：春节（文章可以随便找只要完成复习就行）

👈​💓博主格言：追风赶月莫停留，平芜尽处是春山❤️。

👈​💓博主格言：追风赶月莫停留，平芜尽处是春山❤️。

在网页中，有时需要为文字设置粗体、斜体或下划线等效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。

学习标签是有技巧的，重点的是就是记住每一个标签的语义。简单理解就是指标签的含义，即这个标签是用来干嘛的。根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。

前言下载安装并解析好前端网页开发工具Vscode,新建一个【HTML文件】输入【！】，自动生成您人生中的第一个页面代码。列如：【HTML文件】【！】注意：英文状态下输入【回车自动生成】

和，我们称为双标签。标签对里的第一个标签是开始标签，第二个标签是结束标签。有些特殊的标签必须是单个标签（极少情况），列如，我们称为单标签。开始标签

网页是由页面元素组成的，这些元素是利用html标签描述出来的，然后通过浏览器解析来显示给用户的。是在英特网上根据一定的规则，使用html等制作的用于展示特定内容相关的网页集合。