Html布局入门表格与Css

2019-09-10 郑州网站建设  

首先讲的是表格<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://tzchb.ieyo.com/seo/1812.html转载请标明出处,谢谢合作!
标签:
  • 站点
  • DW
  • 打开
  • HTMLCSS
  • 新建
  • 一个站点