
打开DW新建一个站点,在站点右键新建文件夹分别为images、css、js文件夹,然后新建一个首页文件叫index.html 首先讲的是表格<table></table> 网页的里面行用<tr></tr>,行里面的单元格用<td></td> 表格里面的边框border,控制边框 属性:width height 对齐方式 align 它有三个值,分别left center right; 跨列 colspan;跨行 rowspan;边框颜色 Bordercolor Cellspacing 控制单元格与单元格之间的间隙; Cellpadding 控制单元格与单元格内部内容的间隙; 网页的布局方式有两种,以往是以表格布局为主,现在的网页里面以div+css布局为,但并不是说现在完全不用表格。 有几个原因: Div+css有利于搜索引擎优化; Div+css布局更简单,代码量越少; W3c组织推荐使用div+css来布局网页。 然后老师讲了Css使用方法和三种常用的表现形式:
第一种:行内式 在开始标签后面空格写上style=””,在style里面写上具体的属性及对应的属性值;写完一对之后用;隔开; 第二种:内部嵌入式(内嵌式) 在网页的头部<head></head>里面写上<style type=”text/css”> 选择器{属性:属性值;属性:属性值;属性:属性值;}</style> 第三种:外部链接式,简称外链式 外链式是把css文件单独放在一个样式文件夹里面,然后在网页中来调用这个css文件;(css就是样式,style)
常用的基础选择器: 基础选择器,标签选择器, 直接把html的里标签拿过来作为选择器的; Background(控制背景色) 类选择器: 类选择器,就是给html元素取名,在开始标签后面写上 class=”名字”,然后在css里面写上.名字{属性:属性值;} |