[原]CSS+DIV总结_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 12:33:36
原创
1124人浏览过

     html在web飞速发展的过程中起着重要作用,有着重要地位。html初衷是为了表达标签(

)的内容信息。同时文档布局由浏览器来完成,不使用任何格式的标签。慢慢地ie不断将新的html标签和属性添加到html规范中,创建文档内容清晰地独立于文档表现层的站点越来越困难。所以为了解决这个问题,创造出了html之外的样式即css层叠样式表。

 

学习了一周CSS+DIV,总结如下:


立即学习前端免费学习笔记(深入)”;

       本视频主要讲的是用CSS+DIV进行网页布局。前半部分是一些基础的css样式,后面的是一些例子,根据例子来理解CSS+DIV的布局。把每一块都写成div,然后用CSS控制其样式进行美化布局效果,着重实际操作。


       本视频主要包括CSS的基本语法与概念:设置文字、图片、背景、表格和菜单等网页元素的方法,以及CSS滤镜的使用。还有一些扩展知识:CSS与JavaScript、CSS与XML、CSS与Ajax的综合应用。后面还有几个大例子,通过大例子深刻理解了CSS+DIV布局。把一块内容放在一个DIV中,然后对其标签的id,class的样式在CSS中进行设置。保持了HTML代码和CSS代码的分离。那么HTML中引入CSS的方式有行内样式、内嵌式、链入外部样式表、导入内部样式。


 

立即学习前端免费学习笔记(深入)”;

总结:学习CSS+DIV重在理解和操作。还需要多练习。不论哪门语言都有其优缺点。

Div+CSS的优点:

Hour One
Hour One

AI文字到视频生成

Hour One 37
查看详情 Hour One

1、减少页面的加载时间

    页面体积变小,浏览速度变快。

2、易于修改

     HTML页面和CSS代码是分开的,将网页的内容和表现形式分离。修改设计时只需要改一下样式即可,不会打破页面中其他样式的布局,这种特点是table不具备的。

3、保持视觉的一致性,强大的字体和排版能力

      把样式都放在CSS文件中,避免了不同区域或页面的效果偏差。

4、有利于搜索引擎爬虫:一般而言相同页面html文件table布局字节大于DIV+CSS布局的字节,所以可以节约搜索引擎爬虫爬行下载页面内容时间。

    

缺点:

1、开发技术高:要兼容各浏览器以及版本浏览器要求较高。

2、开发时间长:比表格定位复杂的多,很容易出现问题。

3、开发成本相对table高:高技术和长时间决定了高成本。

原文引用链接

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号