-
行级元素查看全部
-
常见块级元素查看全部
-
块级元素查看全部
-
标准文档流查看全部
-
标准文档流查看全部
-
css三种定位机制查看全部
-
w3c标准查看全部
-
1、盒子3D模型: 边框（border）、内容和内边距（padding）、背景图像/背景颜色、外边距（margin） ①border：边框粗细 样式 颜色 ②padding：上 右 下 左 ③margin：1.上 右 下 左；2.上右 or 下左 or 上左 or 下右；3.上 左/右 下 2、背景图像/背景颜色： .book{ background:url(../images/t_book.gif) no-repeat #eff9f9;} ①background:url(../images/t_book.gif) -〉背景图像 ②#eff9f9; -〉背景颜色 ③no-repeat -〉不重复查看全部
-
1、盒子模型： （1）盒子模型=网页布局的基石，如：文本、图片、音频、视频等 （2）4部分组成： ①边框（border） ②外边距（margin） ③内边距（padding） ④盒子中的内容（content） ---top、right、bottom、left （3）属性设置：（如：“margin：a b c d;”） ①a：指四个方向 ②ab：a指上下，b指左右 ③abc：a指上，b指左右，c指下 ④abcd：上 右 下 左 （4）样式表： ①外部样式 ②内部样式 ③行内样式 -- 优先级：就进原则（行内样式>内部样式>外部样式） （5）盒子3D模型： （无论是什么都是由这5层组成的，添加CSS样式时可按这个顺序） ①边框：border ②内容加内边距：content+padding ③背景图片：background-image ④背景颜色：background-color ⑤外边距：margin （6）盒子模型尺寸： 盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸 代码如下： <html> .content{} .book{} <div class="content book"></div>（book是样式追加） </html>查看全部
-
1、W3C标准 （1）、由万维网联盟定制的一系列标准，包括： ①结构化标准语言（HTML和XML） ②表现标准语言（CSS） ③行为标准语言（DOM和ECMAScript） （2）倡导结构、样式、行为分离 2、CSS中，存在3种的定位机制（网页的布局和网页的定位） （1）标准文档流（Normal flow） （2）浮动（Floats） （3）绝对定位（Absolute positioning） 3、标准文档流（Normal flow） （1）像流水一样的文档，从高处往地处流，有宽度和长度，是由水组成的 （2）特点：从上到下，从左到右，输出文档内容 （3）组成：由块级元素（标签）和行级元素（标签）组成 ①块级元素（标签）：如div、ul、li、dl、dt、p... 特点：从左到右撑满页面，独占一行。触碰到页面边缘时，会自动换行 ②行级元素（标签）：如span、strong、img、input... 特点：能在同一行内显示，不会改变HTML文档结构 块级元素（标签）和行级元素（标签）都是盒子模型查看全部
-
从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
注意：CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。 浮动：是用来实现块级元素横向排版。 绝对定位：就是某个元素固定在屏幕的某个具体的位置，随便滚动条如何拖动。 相对定位：是相对某个被参照的元素进行定位的。查看全部
-
清除浮动效果：当子块浮动而父块不浮动时，使用“clear:both”没有作用，应当使用“width：100% overflow:didden”/*总感觉之所以清除浮动是因为 Web浮动机制本身的问题一旦设置浮动 父级元素和之后的元素都有可能受到影响*/查看全部
-
盒子模型的立体图片（2-2小节 07：58），从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
优化减少代码————div浮动布局 margin查看全部
举报
0/150
提交
取消