开发工具与关键技术:DW
作者:罗文智
撰写时间:2021/9/16
2.准备的工具:浏览器---谷歌 火狐 苹果等
开发工具 ---- Dreamweaver2019、PS(或者是 2020 2121都可)
3.可学:HTML 、 CSS 、JavaScript HTML:超文本标记语言等等
4.CSS其他就是一个层叠样式表
5.JavaScript:脚本语言 js 行为
6. 盒模型
内容区、边框、内边距(内填充)、外边距
7. 行内元素&块级元素
(1)行内元素与块级元素直观上的区别。
行内元素会在一条直线上排列,都是同一行的,水平方向排列。
块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。
(2)块级元素可以包含行内元素和块级元素。行内元素只能包含其他行内元素和文本。
(3)行内元素与块级元素属性的不同,主要是盒模型属性上。
行内元素设置width无效,height无效(可以设置line-height),margin上下无效,padding上下无效。
8. 浮动 float
清除浮动的几种常见的方法:
(1)直接为父元素设置高度;
(2)在父元素结束标签之前添加额外的元素,设置clear:both的样式;
(3)使用伪元素
(4)通过触发BFC方式,实现清除浮动(BFC(Block formatting context)直译为"块级格式化上下文"。是一个完全独立的渲染区域,计算BFC高度时,浮动元素也会参与计算 )
9. 定位 position (top、right、bottom、left)
relative 相对定位
10.学代码个人心理准备:会很枯燥无味 要有坚持学下去的信息