2301_80024722的博客

因为有很多布局效果单单依靠标准流无法实现，可以通过浮动改变元素默认的排列方式来完成。由于父级元素很多情况下都不方便给出高度，而浮动的盒子又不占有位置，因而会出现父级盒子高度为0的情况。前面讲到网页布局的本质是用CSS样式处理盒子，并将盒子摆放到相应位置。表示两侧的浮动都清除。即块级元素独占一行而且是自上而下自动排列，行内元素自左向右排列，碰到父级元素换行。②额外标签法，也称为隔墙法，顾名思义就是添加空标签，占有位置防止高度塌陷。注∶图中所提到的.clearfix都是类名可以自定义，此处仅用于举例。

前言∶认识网页的本质，实际就是网页的布局利用CSS将样式设计好，摆放到相应位置，然后填上准备好的网页元素，在往网页元素中装内容（很多都是盒子）。上述问题是盒子模型外边距塌陷问题，一般会出现在父元素和子元素都设置了外边距的情况下，可以使用这三种方法解决。1.2内容，就是之前学习的标签的组合使用，以及实际制作网页所用到的文本等。边框主要有三个属性∶边框粗细，边框样式，边框颜色。盒子模型主体部分包括边框，内容，内边距和外边距。用于设置外边距，即盒子与盒子之间的距离。用于调整边框和内容间的距离。

注∶①a链接标签属于行内元素，如果要设置其行高或者宽度，应该先转化成块元素或行内块元素。②层叠性原则∶遵循的是就近原则，我感觉也就是哪个样式后出现就执行那个样式。①相同选择器给不相同的样式，此时，其中一个样式会覆盖另一个冲突样式。②特别要注意复合选择器会有权重叠加的情况，在实际开发中非常常用。CSS中的继承指的是子标签会继承父标签的某些样式。当同一个元素指定多个选择器，就会涉及到优先级问题。如果样式不冲突就不会重叠。

需要在rgba中输四个数，前三个分别为红绿蓝的比例，另一个为alpha透明度，范围在0～1之间。1.6背景属性的混合写法，这种方法通常比较方便，和字体属性一样可以进行简单化。背景图片位置的设定可以更准确的找到目标，是页面的设计更有特色，更有区域性。分为两种，一种是跟随内容滚动而滚动，另一种是不随内容而滚动即固定的。背景可以用来装扮页面，在页面制作中扮演着极其重要的作用。1.7背景色半透明设置。

使用场景∶往往在开发过程中想用有块元素的性质但是它却是一个行内元素等。②链接<a>只有经过转化为块级元素才可以放块级元素。1.html元素根据显示形式一般可以分为行内元素和块元素。行内块元素也就是同时拥有行内元素和块元素的性质。注∶①链接<a>里面不能再放一个链接。元素显示模式就是元素以什么形式来显示。3.元素显示模式转换。2.特殊的行内块元素。

1.Emmet语法的前身是zen coding.，使用缩写可以极大的提高html和CSS编译的速度。2.1常见的复合选择器包括后代选择器，子选择器，并集选择器，伪类选择器等。复合选择器是将简单选择器进行组合而形成的，可以更加准确的选择目标。②快速生成CSS样式。其作用为①快速生成html语法。2.1.3并集选择器。2.1.4伪类选择器。2.1.1后代选择器。

按照CSS样式书写的位置，可以把CSS样式表分成三类，行内样式表、内部样式表、外部样式表。

1.字体属性，用于定义字体系列大小粗细和文字样式。2.文本属性，用于定义文本的外观。

CSS（Cascading Style Sheets）是一种用于描述HTML（Hypertext Markup Language）或XML（Extensible Markup Language）文档外观的样式表语言，它可以用来控制网页的排版、颜色、字体、背景、边框等外观效果，使得网页的样式更加美观、可读性更好。id选择器跟类选择器区别是类选择器可以多次调用，而id选择器只能调用一次。（样式点定义，结构类（class）调用，一个或多个，开发最常用）CSS的基础选择器包括标签选择器，类选择器，id选择器。