网站建设入门教学篇(十一):什么是DIV+CSS?

ENEWS
ENEWS
ENEWS
1601
文章
1
评论
2019年1月17日15:55:09 评论

网站建设入门教学篇(十一):什么是DIV+CSS?
本篇章主旨:网站入门教学, 网站建设入门进阶篇,新手零基础学建站。

div+css这种说法是错误的至少是不准确的。 div属于html的一个标签,在网页布局中div通常把网页分割成大的几部分,然后每部分具体内容需要a img p ul li等这些html标签完成,不要错误认为div+css就是只使用div的网页布局才是标准页面,所以div+css应该被称为html+css才准确,严格上讲应该称为xhtml+css才是最合理的。

简单点说:div是层,你看到的网站基本上都上一块一块的框架,就是层的布局,css是添加样式,美化页面。
div+css就是把设计师设计好的图片,转变成一张静态页面的技术。html页面是有什么写出来的呢?我们用很多的html标签把图片转化成网页代码,现在最常用的就是DIV这个标签。
div是用来排版的,而css是用来定义div的样式,通常采用外链的方式(这里与外链同等的有:内链和内嵌),这里的div+css更容易跨浏览器。
DIV+CSS是网站标准中常用术语之一,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,真正地达到了w3c内容与表现相分离。
我们把制作html网页过程比作造房子。造房子的过程1、用钢精造出房子的模型框架,2、用水泥灌注做墙,3、对房子外部和内部进行装修,打造成一幢漂亮的房子。


DIV+CSS我们可以分为DIV和CSS两个概念。
CSS:CSS全称为Cascading Style Sheets,中文翻译为“层叠样式表”,简称CSS样式表,所以称之为层叠样式表(Cascading Stylesheet)简称CSS。在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。CSS具有对网页的布局、颜色、背景、宽度、高度、字体进行控制,让网页按您的美工设计布局的更加美观漂亮。
DIV:这个是网页HTML的标签,通常我们在HTML代码中使用DIV标签配合应用CSS类布局网页。
二、DIV是什么
1、DIV是html其中一个常用标签,如span、table、h1等之类标签
2、在HTML中DIV标签我们用的最多,具有代表性
3、div配合css类,布局出网页


做网页的过程1、用DIV布局网页里的各种框框,2、在html代码中放入做好的DIV,3、用CSS把网页变漂亮。DIV+CSS教程在网上专业论坛中有详细的讲解。

继续阅读
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
ENEWS
  • 本文由 发表于 2019年1月17日15:55:09
  • 转载请务必保留本文链接:https://enews.enkj.com/wangzhanrumen11.html
网站建设不在神秘 轻松建立个人网站 服务器托管

网站建设不在神秘 轻松建立个人网站

  随着互联网的普及,个人网站和博客已经不再是那么神秘了,越来越多的网友想拥有自己的一个网站,或为兴趣聚集一帮至交好友,或为兴趣而追逐财富,那么网站应该怎么建立呢?建立一个个人网站需要做些什么?费用是...
如何创建自己的博客网站? 个人建站

如何创建自己的博客网站?

如今越来越多的站长朋友基本都拥有了自己的个人博客网站,并且通过博客日志增加了不少粉丝和关注。对此,很多新手站长朋友也产生了极大的兴趣,也想拥有自己的博客网站。那么,如何创建自己的博客网站呢? 目...
个人建网站流程是什么? 个人建站

个人建网站流程是什么?

个人建站需要怎么做?首先我们要知道,建一个网站所需要的几个必备品,一个是域名,一个是空间,另一个就是网站程序,那么个人应该怎么建网站呢,这个流程复杂吗,今天就简单教大家个人建网站流程。 1、首先...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: