css用法：内联，页面嵌入，外部引用。
1、元素内联:直接将样式写入到元素的style属性中。直接在某个元素的style上修改样式。例如：<input type="text" value="你好" style=1"backgroud-color:red;border-color:purple"/>
效果如下图：
2、页面嵌入：在<head>中加入
<style type=""text/css>
input{boder-color:yellow;}
</style>
之后，所有的<input>标签都会继承这个属性，但是在下面的<input>的标签中可以设置自己的style，自己的style会覆盖上面的style。
在外部引用，使用<link type="text/css" rel="Stylesheet" href="s1.css"/>,适用于多个页面共享css。
input{
background-color:red;
border-color;
}
css常用样式：
css的计量单位：px（像素），30%(百分比)，em（相对单位）。
background-color:背景颜色。
color：文本颜色。
border-style：边框风格。border-color：边框颜色、border-width：边框宽度（默认是0，要能看见的话边框宽度不能为0）
display：是否显示。none为不显示，block为块，前后有换行，inline为内联元素，前后没有换行。
cursor：鼠标在元素上是显示的图标，如果不设置，就为默认的图标。可选值：cursor（默认图标），pointer：手、text：竖线、wait：沙漏、help：帮助。
<li>不显示圆点：LIST-STYLE-TYPE:none；可以写在<ul>中，就说明都没有圆点，可以写在<li>中，就说明这一项没有圆点。
css样式选择器：
通俗的说，就是这些样式适用于那些元素。选择器一共有3种，为：class选择器，标签选择器和id选择器。
标签选择器：例如：
<input border-color:red/>,对于指定的标签采用统一的样式。
class选择器：定义一些样式，然后在使用这些定以的样式。
定义方式：
<style>
.warning{backgroud:yellow;}
.height{font-size:xx-large;curser:help;}
</style>
使用方法：
<div class="warning">大家好</div>，一个标签可以用几个样式，样式名字用空格隔开。
标签+class选择器：
实现同样的样式名对于不同的标签有不同的样式，只要在样式名前加上标签名即可。
id选择器：
使用方法：在id前面加上'#'符号，再定义
#usename
{
font-size：xx-large；
}
<input id="usename" type="text" value="a"/>
关联选择器：
例如：p strong{background-color：yellow}
表示只有在<p>标签中的<strong>的样式为上述样式，而仅仅一个<strong>标签没有这种样式。
组合选择器：同时为多个标签设定同一个样式。
例如：
h1,h2,input{background-color:red}
<h1>,<h2><input>标签都为上述的样式。
伪选择器：
为标签的不同状态设置不同的样式。
css样式优先级：
自身的style是优先级最高的。