对前端的一些粗浅的认识

前端技术：

HTML+CSS
HTML 主要是可用的标签，如div 框架， p段落， h1-h6不同的标题， img 图片 a链接 input 用户输入（如文字，邮件）textarea一大片输入
button 按钮（分一般性的和提交submit） audio音频 video视频 ul ol li dl dt dd与列表相关元素，可以处理相同格式的多个项目
span 行内特殊格式 i特殊符号 如 header main aside article footer等都是H5新增的语义化标签，便于人们阅读和理解

CSS主要是为元素添加样式，那么首先要找对象，也就是对谁添加样式，于是有了选择器
选择器 如 标记选择器（标签），ID选择器， 类选择器 后代选择器 群组选择器 属性选择器 伪类选择器（:hover :active..）
伪元素选择器（:before :after :first-child :nth-child :first-of-type）
接着就是样式
所谓样式也就是改变元素的表现形式，元素其实也是一个容器，里面包含着内容。对容器的样式，也就是对其盒模型的设置(margin border padding)，
对其位置的设置(margin起到微调的作用，padding起到对其内容与边距距离的微调)。其中有浮动的概念，浮动也就是为了实现内容覆盖，或者消除原有标签的属性影响。
例如float 为了消除块级元素的独占一行的特性，使得宽度随内容而定，而不再是100%。适合于一行中有若干内容并行排列。个人认为如果一行的内容距离相差不大，则直接
用写文字，中间空格可以用一个空元素来隔开。还有容器的大小，背景和边框阴影
position属性则为了更精确的定位元素在页面中的位置，而不影响也不受文档流中其他因素的影响。
再说说对内容样式的改变。对文字无非就是字体样式，行高，大小，颜色，加粗，斜体，是否有下划线，字间距word-spacing，单词间距letter-spacing，文字阴影。
当然在css3中新增了动画属性，使得本来属于动态的内容通过css3就可以实现。transition，animation。 transform 则可以使元素进行相应的位移，缩放，倾斜，结合伪类选择器，
以及transition属性，实现一定的交互效果。

JS
JavaScript脚本程序主要完成用户与界面的交互，以及数据的逻辑运算
既然是一门语言，那么就带有一定的数据类型以及算法
最主要的逻辑 when who do what?
when 什么时候
对应的是元素带有的事件属性，如onclick, onmouseover, onmouseout, onkeydown, onkeyup, onfocus, onblur, onmousedown, onmouseup, onmousemove
who 谁
也就是哪一个DOM元素。这又面临着与写CSS样式同样的问题：找对象。
DOM对于每一个DOM中的对象有查找函数 getElementsByClassName, getElementsByTagName, getElementById.这三个函数用于从这个DOM对象里面开始寻找符合条件的所有元素
do what 干什么？
这里就牵扯到一些逻辑运算了。function函数用于将一段代码，也就是执行语句进行封装，可以理解为做了一堆事情，干了一堆事。
这里改变相应元素的样式用 .style.color的格式 也就是.语法的级联形式。 或者添加 .className=”Class”的形式。但这种className必须严格按照其CSS样式名称来写。