摘要: 首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。 注意,以上这些理论,是指标准流中的div。无论多么复杂的布局,其基本出发点均 阅读全文
posted @ 2017-08-20 17:22 菲飞飞 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 1,static(默认) 当你没有为一个元素(例如div)指定定位方式时,默认为static,也就是按照文档的流式(flow)定位,将元素放到一个合适的地方。所以在不同的分辨率下,采用流式定位能很好的自适合,取得相对较好的布局效果。 一般来说,我们不需要指明当前元素的定位方式是static——因为这 阅读全文
posted @ 2017-08-20 17:20 菲飞飞 阅读(818) 评论(0) 推荐(0) 编辑
摘要: 盒子模型是CSS控制页面的基础。需要清楚“盒子”的含义是什么,以及盒子的组成。此外,应该理解DOM的基本概念,以及DOM树是如何与一个HTML文档对应的,在此基础上充分理解“标准流”的概念。 1 盒子的内部结构 padding-border-margin模型是一个极其通用的描述矩形对象布局形式的方法 阅读全文
posted @ 2017-08-20 17:11 菲飞飞 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同,先来看看我们熟知的标准盒子模型: 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conten 阅读全文
posted @ 2017-08-20 17:05 菲飞飞 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 2.文字排版--字号、颜色: 3.文字排版--粗体: p span{ font-weight:bold; } 4.文字排版--斜体: p a{ font-style:italic; } 5.文字排版--下划线: p a{ text-decoration:underline; } 6.删除线: .ol 阅读全文
posted @ 2017-08-20 16:57 菲飞飞 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 标签选择器(如:body,div,p,ul,li) .类选择器(如:class="head",class="head_logo") ID选择器(如:id="name",id="name_txt") 全局选择器(如:*号) .组合选择器(如:.head .head_logo,注意两选择器用空格键分开) 阅读全文
posted @ 2017-08-20 16:22 菲飞飞 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 1.内联式css样式,直接写在现有的HTML标签中 2.嵌入式css样式,写在当前的文件中 。写在<style type="text/css"></style>标签之间 3.外部式css样式,写在单独的一个文件中,用<link>引入 <link href="base.css" rel="styles 阅读全文
posted @ 2017-08-20 16:18 菲飞飞 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 方法一: 大多数浏览器都支持三种图形格式(gif,jpeg,jpg) 语法:<img src=""align="" border="" alt=""> 使用说明: src属性表示图片的来源,可以是完整的Internet地址,如果图像文件与HTML文件在同一个文件夹内,也可以仅仅指定文件名即使用相对地 阅读全文
posted @ 2017-08-20 16:07 菲飞飞 阅读(2527) 评论(0) 推荐(0) 编辑
摘要: <form>表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。 <form method="传送方式" action="服务器文件"> </form> 定义供用户输入的html表单 method : 数据传送的方式(get/post); action :浏览者输 阅读全文
posted @ 2017-08-20 15:33 菲飞飞 阅读(246) 评论(0) 推荐(0) 编辑
摘要: <table> 定义表格标签</table> <caption>定义表格标题</caption> <th> 定义表格中的表头单元格</th> ,单元格的内容自动居中、加粗 <tr> 定义表格中的一行</tr> ,有几对tr 表格就有几行 <td> 定义表格中的一个单元格</td> ,一行中包含几对< 阅读全文
posted @ 2017-08-20 11:59 菲飞飞 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 1.无序列表:ul-li 在网页中显示的默认样式一般为:每项li前都自带一个圆点, 2.有序列表:ol-li 在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始 3.定义列表:dl dt dd 阅读全文
posted @ 2017-08-20 11:10 菲飞飞 阅读(129) 评论(0) 推荐(0) 编辑