登录  /  注册
首页 > 头条 > 正文

web前端学习路线:如何从零开始学习DIV+CSS

PHPz
发布: 2017-03-30 15:34:40
原创
2422人浏览过

css是样式,div是层.div+css是网站标准(web标准),通常为了说明与html网页设计语言中的表格(table)定位方式的区别.因为xhtml网站设计标准中,不再使用表格定位技术,而是采用div+css的方式实现各种定位。很多做网站开发的同学都是先从web前端学起,那如何从零开始学习div+css呢?

1.学会HTML语言,再学习DIV+CSS时会得心应手。

看得懂HTML语法,那么世界上80%的网站都能被你看穿。HTML语言很好学,一定要熟记常用的一些代码,因为有了像dreamweaver这样的帮助生成html代码的工具,所以很多人都忽略了HTML的学习.学会了HTML互联网中最基本的语言之后,在学习DIV+CSS时,你会发现:原来DIV+CSS也就那样,小菜一碟。

推荐教程:

HTML在线学习手册:http://www.php.cn/course/27.html

html在线学习视频教程:http://www.php.cn/course/list/11.html

php.cn原创html5视频教程:http://www.php.cn/course/372.html

2.使用Dreamweaver的代码模式来编写DIV和CSS。

对于网页设计初学者来说,直接使用记事本、Notepad等工具来书写代码很困难。因为Dreamweaver的代码模式有提示功能,可以在保证语法编写的正确性。并且对不熟悉的语法可以一次性书写正确。

如图所示:书写p,html时DW的提供功能。

1.jpg

书写CSS时DW工具栏右侧的CSS可视化编辑功能.

web前端学习路线:如何从零开始学习DIV+CSS 第二张

我学习DIV+CSS时就是从Dreamweaver的代码模式学起的,也许不是最好,但很实用。(Dreamweaver工具下载

推荐教程:

CSS在线学习手册:http://www.php.cn/course/45.html

CSS在线学习视频教程:http://www.php.cn/course/list/12.html

php.cn独孤九贱(2)-css视频教程:http://www.php.cn/course/373.html

3.养成良好的书写习惯.

有良好的生活习惯,说明这人会过日子,有良好的CSS书写习惯,说明这人做事严谨。写css的时候网上有很多推荐的规范,比如菜单类用menu,版权用copyright(CoryRight),底部用footer等等,在书写顺序上一般是:显示属性-自身属性-文本属性。当然这些都没有硬性的规定,但是遵循一些不成文的规定不是坏事,这样让自己写的代码,容易让别人读懂,搜索引擎也更加喜欢。

4.只有目的明确,结果清晰,过程才最高效,才不会轻易被干扰,被改变方向。

CSS+DIV实战:开发个人博客视频教程:http://www.php.cn/course/190.html

相关文章推荐:

web前端学习路线:WEB前端开发快速入门

成为一名优秀的前端工程师需要学什么?

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

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