摘要: 一、CSS网页布局常见的CSS网页布局: 行布局 列布局 混合布局 圣杯布局 双飞翼布局 圣杯布局:谓的圣杯布局就是左右两边大小固定不变,中间宽度自适应。我们可以用浮动、定位以及flex这三种方式来实现双飞翼布局:相对于圣杯布局去掉了相对布局,只需要浮动和负边距。 阅读全文
posted @ 2020-08-07 12:30 沉雨花拓 阅读(74) 评论(0) 推荐(0)
摘要: 一、float浮动可以左右移动,但不可以上下移动浮动元素会脱离普通流元素浮动后具备inline-block(行内块元素)属性高度塌陷:父元素高度自适应,子元素 float 后,造成父元素高度为0,称为高度塌陷问题、 解决高度塌陷的方法:1、清除浮动语法:clear:none|left|right|b 阅读全文
posted @ 2020-08-03 15:18 沉雨花拓 阅读(96) 评论(0) 推荐(0)
摘要: 盒子模型简介:所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 具体属性:Margin(外边距) 阅读全文
posted @ 2020-07-29 12:24 沉雨花拓 阅读(113) 评论(0) 推荐(0)
摘要: 一、css属性选择器:可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。注释:只有在规定了 !DOCTYPE 时,IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中,不支持属性选择。 二、css引入的方法: 1,内嵌式:style 标签放在head中 阅读全文
posted @ 2020-07-27 13:40 沉雨花拓 阅读(79) 评论(0) 推荐(0)
摘要: 一、div和span与块级和行内标签 1、<div>标签: 是一个区块容器标记,<div></div>之间是一个容器,可以包含段落,表格,图片等各种HTML元素 占据一行,换行。 2、<span>标签: 标签内容在一行,不换行 注意:块级元素可包含行内元素个某些块级元素 特殊块级元素只能包含行内元素 阅读全文
posted @ 2020-07-23 10:30 沉雨花拓 阅读(72) 评论(0) 推荐(0)
摘要: 一、表单基础结构1、表单介绍2、语法:<form>表单元素</form>3、<form>标签常见的表单元素:<input type=“类型属性”name=“名称“ ......./>:表单输入标签为单行文本域<select>:菜单和列表表签<option>:菜单和列表项目标签<textarea>:文 阅读全文
posted @ 2020-07-22 11:08 沉雨花拓 阅读(116) 评论(0) 推荐(0)
摘要: 1、基础表格:<table>表格<tr>行<td>单元格基本语法:<table border="1"> <tr> <td>.....<td> </tr> <tr> <td>.....<td> </tr> </table>2、表格操作colspan,表示合并列bai。colspan等于几就是合并du几 阅读全文
posted @ 2020-07-21 10:03 沉雨花拓 阅读(94) 评论(0) 推荐(0)
摘要: 1、HTML发展史:HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2——1997年1月14日,W3C推荐标准 HTML 4.0——1997年12月18日,W3C推荐标准 HTML 4.01(微小改进)——1999 阅读全文
posted @ 2020-07-20 12:58 沉雨花拓 阅读(102) 评论(0) 推荐(0)