前端工具 - HTML+CSS+JS 初学总结

学习网址:http://www.w3school.com.cn/

HTML、HTML5

就是网页背后的东西。用<!DOCTYPE>声明采用的html版本。

元素(组成网页的内容)用各种<xx>把不同的部分框起来:

<body>代表内容总体,<h1>代表标题,<p>代表段落,<div>代表块级元素(前后有空行),<span>代表内联元素,

<a href="">代表一个链接,<img src="">代表图片,<table>代表表格,<ul>代表无序表,<ol>代表有序表,<form>代表表单,<abbr>代表缩写,<!-- [if ……]> <![end if]-->代表条件注释(<!-- > < -->普通注释),<br />代表换行。

属性,元素内部的东西,href, src等。其中有各种style属性,用来改变外观,style属性一般在css中设置,我觉得比较重要的属性有class,id,会被css文件,js文件引用。

RWD设计可以根据需要改变网页尺寸。

预留字符用HTML实体实体代替,如&nbsp代表空格。

URL相当于存放资源的地址,采用ASCII编码。

颜色也有几种表示方式。

HTML5多了些元素如<video><audio><canvas><svg>(矢量图),多了些属性如拖放操作ondrop。有一些独特的功能如操纵地理位置,web存储,应用的缓存,后台执行脚本web worker,Server-Sent 事件指的是网页自动获取来自服务器的更新。


XHTML

相当于规范的html,可用XML扩展,定义XHTML框架,元素必须关闭,小写,正确嵌套,属性也要小写,属性值要引号,禁止属性缩写,用id代替name属性。

DTD,文档类型,规定了可以使用的元素和结构,有STRICT(有层叠),TRANSIONAL(无层叠),FRAMESET,可以用来验证网页是否符合DTD。

模块化,可以以分为28种模型,方便开发小型设备。


TCP/IP

就是各种通信协议。


CSS、CSS3

本身大小写不敏感,与html联用时敏感(在html里通过link元素连接一个css文件)。

主要掌握CSS框架模型(margin,border,padding什么的)和设置样式的方法:利用各种选择器组合实现自己的目的。

CSS一切皆为框,有三种基本的定位机制:普通流、浮动(脱离了文档流)和绝对定位(脱离了文档流)。

选择器类别上有元素、伪元素、属性、id、类、伪类(a:link,p:firstchild等)选择器,组合起来有后代、子元素、相邻元素选择器。

属性可以继承。

CSS3多了@font-face规则(自定义字体),@keyframe规则(动画),额外的边框背景效果,2D/3D方法,可以设置用户界面,多列。


JavaScript

一种脚本语言,利用函数往html里设置动作,事件,实现方法可以置于<head>与<body>的<script>里,可放在函数中,可以在外部的js文件里,利用<script src="">调用。

设置变量不用管类型就用var。

函数可以不需要参数,直接arguments对象动态获取,可以当做功能完整的对象。

对象可以动态定义。

总结:主要文本内容写在html里,网页的外观设置在css里,网页的各种动作(函数)在js里。

猜你喜欢

转载自blog.csdn.net/github_38635146/article/details/80303191