首页 / 知识

Html布局入门表格与Css

2023-04-11 16:03:00

打开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里面写上.名字{属性：属性值；}