wei7a7a7a的博客

第三种：外部样式：因为这种方式真正做到了 元素页面和样式 分离。首先要创建一个css文件，css文件的后缀.css。

HTML可以让我们实现静态页面效果，但是页面没有炫酷好看的效果，通过CSS技术可以对静态页面进行“装修”，让页面更加好看美观。本套课程了解前端体系方向，为后续深入打下基础。课程通俗易懂，理论结合实战，课堂感染力丰富，轻松掌握必会技能，真正做到学以致用。浮动效果定位类型盒子模型。

表单在 Web 网页中用来给访问者填写信息，从而能采集客户端信息，使网页具有交互的功能。一般是将表单设计在一个Html 文档中，当用户填写完信息后做提交(submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。一个表单一般应该包含用户填写信息的输入框,提交按钮等，这些输入框,按钮叫做控件,表单很像容器,它能够容纳各种各样的控件。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。

（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现。

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。

它会向上一层一层的找父级节点是否有定位，如果直到找到body了也没有定位，那么就相对body进行变化，如果父级节点有定位（绝对定位，相对定位，固定定位），但是一般我们会配合使用父级为相对定位，当前元素为绝对定位，这样这个元素就会相对父级位置产生变化。暂时来说看到的效果：蓝色div相对body产生的位移，相对body进行位置的改变，然后蓝色div发生位移以后，原位置得到了释放。应用场合：在页面过长的时候，将某个元素固定在浏览器的某个位置上，当拉动滚动条的时候，这个元素位置不动。【5】固定定位：（fixed）

再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。如下图所示，如果包含框太窄，无法容纳水平排列的三个浮动元素，那么其它浮动块向下移动，直到有足够的空间。CSS 的 Float（浮动）使元素脱离文档流，按照指定的方向（左或右发生移动），直到它的外边缘碰到包含框或另一个浮动框的边框为止。如果把所有三个框都向左移动，那么框 1 向左浮动直到碰到包含框，另外两个框向左浮动直到碰到前一个浮动框。被影响的元素紫色div：给它加入一个属性。【2】浮动初衷：文字环绕图片。

伪类选择器 向某些选择器添加特殊效果。

div和span 结合css用于页面的布局。div+css 用于页面布局。【1】div 和 span。

HTML画页面--》这个页面就是页面上需要的元素罗列起来，但是页面效果很差，不好看，为了让页面好看，为了修饰页面---》CSS。用了CSS之后，样式和元素本身做到了分离的效果。---》降低了代码的耦合性。第三种：外部样式：因为这种方式真正做到了 元素页面和样式 分离。首先要创建一个css文件，css文件的后缀.css。先有HTML，先有页面，修饰页面--》CSS。CSS的作用：修饰HTML页面。【2】HTML和CSS的关系？【1】为什么要学习CSS？样式表：各种各样样式的集合。