我们的客户
2000年-今天

我们一直与时代同行,做有价值的互联网品牌传播者

08 18

网站设计DIV+CSS

发布者:深圳网站建设 来源:www.xerxesband.com时间: 2017-02-24 14:08

网站设计DIV+CSS



<section>
 
< h2 > < a name = "title4 " id = "title4 " > < /a>城市化仍是未来发展动力</h2>
 
<p>按照官方标准…... </p>
 
<p>欧美以往曾……</p>
 
</section>
 
<!一第四节结束一>
 
</article>
 
<!一页面结束
 
~~>
 
</body>
 
</html>
 
(2)新建CSS文档,保存为global.csso
 
(3)在HTML文档中链接global.csso
 
<head>
 
<meta charset="utf一8">

<title>城市长大并不是城市化</title>
 
<link rel,"stylesheet" href="global .css"/>

</head>
 
(4)在global. css中按照从大范围到小范围、从上到下的顺序,分区域依次添加样式。
 
由于每个元素都有其各自系统默认的内外边距值,且在不同浏览器中显示效果不同,因此在设置网页样式之初使用通配符*将所有元素的默认内外边距去掉是非常必要的。
 
margin:Opx;
 
padding:O px:
 
/*外侧边距*/
 
/*内侧边距*/
 
}

设置id为maincontent的article元素属性。宽度为700px;页面水平居中;左右有1 px粗、颜色为#ccc的实线型边框;内边距上方25 px,左右20px,下方为0;背景颜色为#F9FBF9a
 
#maincontent{
 
    width:700px;
    margin:0  auto;
    border一right:solid  lpx  #ccc;
    border一left:solid  ipx  #ccc;
    padding:25px    20px  0;
    background一color:#F9FBF9;
 
/*宽度*/

/*水平居中*/
 
/*右侧边框*/
 
/*左侧边框*/
 
/*内侧边距*/
 
/*背景颜色*/
 
class为review的section(文章导读)中的h3元素的字体大小设里为14.7 px a}将
 
.review h3{
    font一size:14 .7px;
 
/*字号*/
 
}
 
将一级标题的字体将为“黑体”、字号为30px、上方间距25 px、下方间距15 px、水平居中。
 
hl{
    font一size: 30px;/*字号*/
    margin一top: 25px;/*上方外边距*/
    margin一bottom: l5px;/*T方外边距*/
    font一family:”黑体”;/*字体*/
    text一align: center;/*对齐方式*/
 
  • 最新文章 LATEST ARTICLES
企业QQ咨询:642767003
服务咨询热线:

0755-824849660755-82484966

立刻在线咨询

建站案例

COMSTRUCTION CASE

  • 网站建设案例:招商局集团

  • 网站建设案例:中国科学院

  • 网站建设案例:招商证券

  • 网站建设案例:中国人寿

  • 网站建设案例:华润租赁

  • 网站建设案例:小牛资本

  • 网站建设案例:香港中文大学深圳研究院

  • 网站建设案例:港大医院内网

  • 网站建设案例:嘉里建设

  • 网站建设案例:沃尔玛

  • 网站建设案例:港中旅(中国)投资有限公司

  • 网站建设案例:北大研究院深圳湾实验室

  • 网站建设案例:鸦片战争博物馆

  • 网站建设案例:深圳卫生监督局

  • 网站建设案例:中国医学科学院肿瘤医院深圳医

  • 网站建设案例:麒麟山疗养院

  • 网站建设案例:派生

  • 网站建设案例:富安娜

  • 网站建设案例:五洲宾馆

  • 网站建设案例:免税集团

?

点击咨询

18676686468

0755-82484966

联系我们

您好HELLO!
感谢您来到深圳网站设计公司,若您有合作意向,请您为我们留言或使用以下方式联系我们,
我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。

电话:0755-82484966??82481178

商务合作邮箱:kefu@lonwin.net

合作QQ:642767003

深圳总公司地址:罗湖区北站路1号中贸大厦202-208室

在线提交需求

...您也可发需求信息至邮箱:642767003@qq.com
双tv高清双视网