A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

19号开班以来,到现在基础班快结束,从中学会了很多前端的知道。

在第一天的时候我们了解了前端是具体做什么的,前端应该会的知识点。
首先前端笼统的来说就是根据UI美工给出的PSD文件,将里面的网页样式内容通过HTML+CSS+JS等方式转换成用户在浏览器里看得见的、有具体的交互效果的网页。
最开始要学的便是HTMLHTML它是一种超文本标记语言,不是编程语言它的作用是来描述网页元素,比如:链接、图片、文字等,也是用来搭建一个网页的主要结构框架的。
HTML里面有许多的的标签,其中它们又分为行内标签、块级标签。
常用的标签有h ,p,span,div,a,ul,li等等。
HTML通过两天的时间学习便学习完成里面的各种标签的作用,及其时用方法。
这时候用HTML可以写出默认样式的具有结构的网页。
接着,既然搭建了构架,那便是如何修改里面的内容样式,使其更加美观。这时候CSS的学习就能让你的网页更加的具有观赏性。
CSS(Cascading Style Sheets),简称层叠样式表,作用就是用来美化网页。
Css的书写方式与HTML不同,HTML的标签是用两个“< >”尖括号来包裹的,而css的书写样式根据引入的方式不同而不同。
如果是用行内样式书写,则直接在标签的开始标签身上添加一个 style=“”属性,然后在引号里面书写css属性和属性值即可。
如果用内部样式书写则需要书写在head标签里面,title标签下面,以一对style标签包裹,实现了结构和样式的半分离
但是实际工作中的网页结构是复杂的,每处的结构内容基本都需要修改其默认样式,这时候如果时用行内样式或者内部样式来书写会使我们整个代码看起来臃肿且不利于代码的维护。
所以在工作中最常用的是外部样式表,它需要单独新建一个css文件,用link标签将其引入到需要更改样式的HTML文件中,这么做的好处是
实现了结构和样式的完全分离,代码简介,可读性强;
一个css样式可以共享,如果两个页面的标签样式完全一致,就可以使用同一个css文件,然后分别连接过来即可;
比如:网页的头部和foot部分基本上都是一致的,我们只需要书写一个css样式直接引入即可;
同样css里面也有许多的标签用来修改各种样式比如:
font-size文本字号大小font-family 文本的字体文本颜色控制color背景颜色:background-color背景颜色:background-color
等等。
HTML+CSS的方式写出的页面,使在网页观赏性上更强,使用户更加具有浏览的欲望,这样的网页是最基本的静态页面了。
后期等学习了JS便使网页具有交互功能。

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马