个人理解,前端默默自学的感受及一些基本学习思路

本文分享了作者从入门到掌握前端技术的心路历程,介绍了HTML、CSS的基础知识及学习方法。

 早已在优快云里注册了一个博客,却因为自己太懒,所以一直没有写博客,我一直都觉得,在网上,有自己的博客,有自己发表的技术帖子,在行业里有一定的名气,是很牛逼的一件事,可惜,万事开头难,一直拖拖拖,终于拖到自己也已经大二了,才开始写。实话说,也是有点惭愧。在懵懂的大学时光中,我遇到了一群带我进入前端开发的师兄们,也是他们带我进了前端的门槛,所以一直都很感谢他们。从在大一自己开始默默学习前端技术,现在在博客发首文,我经历了很多,现在我就和大家分享一下自己的一些学习的心得,以及学习前端技术的基本思路。然而本文仅仅是个人对前端基础知识的一个理解。

   其实,前端这个领域,门槛是很低的,一般进入前端技术的人都是按照 HTML 到 CSS 再到 Javascript的基本学习路线,然而过了这些以后就是选择JSP或者PHP的方向去精读了。那么,HTML,是一种超文本语言,是用于给浏览器读取并且表现出来的一种语言,这种语言学起来很简单,而它的组成元素是<标签>,之所以说它比较简单,原因就是它的用法很简单,每一个标签都是由<标签>开始,再由</标签>,个别除外,用法基本上就是这样,因此每个人学起来都很容易上手,而学HTML的关键是什么?就是了解网页布局的基础,学会如何布局。评价个人是否会HTML其实不在于是不是会用某个标签,某种属性,其实就是会不会布局,理解什么是文本流,什么是脱离文本流,理解什么是盒子模型,只要会布局以及理解盒子模型,一些标签是否会用,其实也是一件小事而已,随时都可以找资料,学下用法,立马上手,很简单。

  而HTML通常是与CSS配套使用的,CSS就是一个样式表,用于定义HTML的元素(标签)的样子的表,可以这么理解,HTML就是给你一个东西,然后你用CSS样式表去给这个东西定义(样子),定义它的样子,例如:背景色、大小等。所以一般HTML和CSS都是配套用的,原因就是他们俩结合起来以后,就可以完成一个静态,不会动的网站了。而HTML的标签也实在是多,用法也确实是相通的,所以就不去一一细说,而这个CSS,他有几种样式定义的方式,一种是全局定义,就是为指定HTML元素(就是只要用了这个标签就会执行)都添加的样式,例如:p{ };,这里面有一种履历的方式,就例如:ul li{ };这种,就是为ul标签下的li标签定义样式,,然后就是一些Id 还有 Class的样式定义。id对应的样式定义方式为:#XXX{ };而Class的定义方式为:.XXX{ }。而ID还有CLASS这两种是为了特指某个元素标签去定义的,就例如说,我想指定一个DIV有一种样式,就可以用这种方式,而这里有一种规则,Class是可以多个HTML标签同时使用的样式,就是多个标签可以共用的一种样式,而ID却是只能唯一一个HTML标签去使用,就好比Class是一个类别,所有用这个类别的东西都有一种共有的属性,这样class就可以多个标签同时使用,而id,我们每个人都有一个身份证号码,这个身份证号码就是唯一识别我们人的一个编号,而这个号码每个人自己都只有一个专属的号码,而这个就好比ID,所以它只能一个元素去使用。可有能有人会发现,其实很多时候,多个盒子用一个ID,在做页面的时候也能表现出想要的效果,但是,实际上,这是错误的,因为用的是高版本的浏览器,它能照样读取代码,读取多个用同个ID的标签,但是,实际上,这种用法在以后使用JavaScript的时候,就会受苦了,所以谨记,ID对单个标签,Class可以对多个。

  这里,我们暂时告一段落,因为JavaScript这里的水太深了,也不能泛泛而谈,就留待下次吧。

  然而,css里面有很多属性,例如:width(宽度)、height(高度)、float(浮动)等等,也就如HTML它的标签如此之多的道理一样,这里,我也没办法一一叙说,只能挑一些有特点的地方说一下,接下来,我会更新这个博客,开始大概叙说一些基础的前端概念以及知识包括一些语言的特点或者一些用法,过了这个以后,再开始实际代码的分享吧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值