前端技术介绍:
html:网页的基础,是一种标记语言,显示数据;
JS(javascript):前端脚本语言,解释型语言,在页面中添加交互行为;
xml:扩展标记语言,用来传输和存储数据;
css:层叠样式表,用来表现HTML或XML等文件样式。
html
html是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言(标记标签)。
标签是指<html></html>,<div></div>。
标签是有语义的:标题用<h1>,表格展示用<table>,链接用<a>,无序排列用<ul>等等。
标签里可带有各类属性,最基本的就是class和id。class属性的作用是引用css样式;id的作用是配合javascript使用,具有唯一性。
css
css的官方名字叫层叠样式表,它的出现是为了解决内容和表现分离的问题,一般存放在.css文件里。
使用css:
可在html的头元素<head>里书写,或者书写在CSS文件并在html里引用该文件。
css优先权:
多个css样式可集中在单个html标签里,出现这种情况时,一般按优先权划分
- 浏览器默认设置 (最低)
- 外部样式表
- 内部样式表(写在html的<head>标签内部)
- 内联样式(写在html的标签里,即style属性)(最高)
css的语法:
css由两个主要部分组成,选择器,一条或多条声明。
选择器是指css样式的名字“.seletor”,名字前面要带上一点“.”。声明是由属性和值组成,给个例子“margin: 0 auto”,冒号前面是属性,后面是值,该例子是定义元素居中显示。
javascript介绍
javascript是脚本语言,它是连接前台(html)和后台服务器的桥梁,它是操纵html的能手。
- 原生js,是指最基础的js,没有封装过,但因为各浏览器对js的支持不同,就导致用基础的js编程需要为不同的浏览器写兼容代码。
- Js库,js框架,是指集成一系列dom操作,API封装,界面UI封装的的库类,常见的有jQuery,extjs等等
- Js插件,就是集成了帮助程序员轻松完成功能的程序。Js插件用得比较多,网页制作上随处可见。如图片轮换功能,导航制作,上传图片等等。