web前端从0开始--1
博主以前没接触过web前端，最近刚开始学习。
在学习的同时，希望能不断整理总结。于是便有了此博客。
博主技术浅薄，并且第一次写此类博客，希望各位大牛能多多保函。
好了废话不多说了，开始正文。
web前端开发最基础的就是标签。
比如<html> <head> <body> <p> <h1>-<h6>。
通常标签中我们可以定义该标签的属性、事件、名字等
比如<input type=”submit” value=”确定” name=”submit”>就定义了一个名为submit值为确定的提交按钮。
HTML+CSS所实现的网页都是静态的。给我的感觉就是跟学英语的感觉差不多就是，就是去记住英语单词有几个意思（对应标签的使用方法）。
这是一个积累的过程，在学习的同时最好能不停的动手实践。哪怕用个写字板我们都可以自己去个页面出来来试试它的效果。
一般我们在HTML调用CSS有三种：内联式、嵌入式、外部式。
内联式：<p stlye=”color:red,font-size=14px”></p>。
嵌入式：我们把CSS样式单独写出来。下面是设置span标签内的内容颜色为蓝色。一般嵌入式的CSS样式写在<head>标签内。
<style type="text/css"> { span{ color:red; } }
</style>外部式：一般我们会在<head>标签内写一个<link>用来调用外部的CSS文件。
<link href=”style.css”rel=”stylesheet”type=”text/css”>
通常我们调用外部样式的时候rel=”stylesheet”和type=”text/css”这个是固定不变的，具体rel的其它用法请参考W3School。
三种方式的优先级书序（权值相同情况下）:内联式 > 嵌入式 > 外部式
嵌入式大于外部式的前提是嵌入式的代码外部式的后面。
关于权值的，等下再说。
每个css样式定义由两部分组成，形式如下：
选择器{样式；} 例 body{color:red;font-size:12px}
标签选择器
就是利用标签的名字设置该标签的样式。
例：p{font-size:12px;line-height:1.6em;}
类选择器
用法—>.类选器名称{css样式代码} (注意前面是有个英文圆点)
例：<style tpye=”text/css”>.stress{color:red}</style>
<p class=”stress”></p>
类选择器，可以调用调用多个类的样式class=”类1 类2“。中间用空格分开
ID选择器
需要先给标签设置ID，通过ID对标签定义样式
例： <span id=”setGreen”>11</span>
<style tpye=”text/css”>.#setGreen{color:red;}</style>
ID选择器与类不同，在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次。（多次使用依然会有效果，但是到后面我们使用JS的时候会出现冲突，并且一般我们不使用ID选择器而是使用类选择器）
子选择器和后代选择器
子选择器用>，后代选择器用空格。例： h1>span 和 h1 span
关于子选择器和后代选择器，博主的理解是子选择作用于选择器的第一代标签。后代选择器作用于选择器的所有后代。也就是说，如果把选择器当成是第一代，那么子选择器只作用在第二代。而后代选择器则会作用于第二代，第三代，第四代等等。
通用选择器
*{color:red;}作用于所有标签。
伪类选择器
a:hover{color:red;}
继承
某些标签具有继承性，其实继承这个应该很好理解，相信大家都有编程的经验。继承就是子标签继承父标签的属性。、
权值
在简单说完选择器后，我们来看下权值。
标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：
p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/
注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低、
CSS样式执行权值最高的样式。
我们还以通过提添加！important来强制使用样式。例：p{color:red!important;} 注意：!important要添加在分号前面。
（未完待续）
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
