RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:9:30-18:00
你可能遇到了下面的问题
关闭右侧工具栏
如何有效快速的学好DIV+CSS-岛主心得语录
  • 作者:admin
  • 发表时间:2020-10-08 22:54
  • 来源:岛识策划
  • 浏览量:129

作者:岛识-岛主

 

前言自2000年以来,随着互联网的发展,从一开始的table表格建站,到06–08年之间用div+css,制作网站,以及发展到今天,需要用HTML5+CSS3做网站,除了支持PC电脑端之外,还得继续支持平板或者手机端,响应式的网站,以及发展到今天的前端不断的更新以及在工作中 需要应用到各种框架等等。本教程适合新手入门级, 对于HTML代码感兴趣的人群以及广大的网页爱好制作者。

 

之前遇到网友来问我,如何快速的学好HTML+CSS,那么来让岛主老师来和大伙说说,如何快速入门。

 

其实入门不是很难,对于有一定英文基础的朋友们来说,上手相对来说会好一些。那么笔者来和大伙们说说如何入门。

 

首先第一个需要熟练掌握一门关键,刚开始的时候建议使用DW (dreamweaver简称),或者用sublime text3,notepad等等,具体后期根据自己的习惯来定,前期新手入门建议使用DW。

 

 

第二部分,就是HMTL的结构,我们日常接触的网站网页是由哪些标签结构组成。以及我们日程需要用到哪些HTML标签,以及常用的浏览器的了解,写出来的页面需要兼容哪些浏览器。对于不同的浏览器如何去兼容。常用的 chome,Firefox, saifar,等等以及目前是上主流浏览器的兼容性。

 

 

 

接下来的是段落的CSS样式设置,常用的一些样式标签,字体颜色,大小,下划线,hover,文字滚动以及CSS样式的常见的几种方式,有行间样式,桥链等等。

 

第五部分图片的切片以及如何通CSS样式的方式去写一个鼠标hover的效果,以及在应用中,切片的保存方式。

 

第六部分,W3C盒子模型,也就是DIV盒子模型,DIV和table之间的区别,class以及ID的区别,浮动方式,内边距,外边距的设置。

 

 

第七部分,关于盒子模型当中的 绝对定位,相对定位,浮动定位。网页中间什么时候使用绝对定位,什么时候使用相对定位,把这个掌握了,基本DIV+CSS都已经熟练掌握了,后期只需要通过2-3个页面练习一些就能学好。

 

第八部分,关于项目列表的使用,ul,ol,li,dl,dt,dd各自的使用方法。

 

之后关于网页中的表单的使用方法,常见的注册表如何制作以及iframe框架的使用。

 

第九部分关于日常网站CSS样式命名介绍常见的网页布景划分。

 

当然了,作为一名网站维护也好,还是设计师也好,还是前端也好,都需要了解ftp,域名的注册,虚拟主机的配置,以及备案等的整个流程。按照整个步骤,学好DIV+CSS 基本问题不大,只需要五到六天的时间即可。

 

版权申明:本文来自岛识策划原创,转载请标明出处。

扫屏幕下方二维码:关注公众微信号(“岛识策划”)