欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

HTML基础必学列表

Html布局入门表格与Css

 

打开DW新建一个站点,在站点右键新建文件夹分别为imagescssjs文件夹,然后新建一个首页文件叫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里面写上.名字{属性:属性值;}

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h19465.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-03-13 15:20 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。