PHP学习4

一、css样式
css样式的目的是为了修饰html
css样式有三种方式
行内样式：直接在每个标签的style属性里面写，来调出所需要的样子
内联样式: 在当前页面的head里面写上一对stlyle标签，然后再在style标签里面写上选择器，再在选择器旁边打一对大括号，再在大括号里面写上所需要的属性和属性值
外联样式： 新建一个css的文档，然后把之前写在style标签中的内容移到css文档中去，再在head里面也一个link标签把样式引入进来<link  rel="stylesheet" type="text/css" href="css的地址" >
每个标签中的style属性跟head中的style标签中的还有写在css文件中的那些属性跟属性值都是一样的
二、八种css选择器(注意选择器名跟大括号是挨着的，中间没有空格或者其他的)
*  标签 id（对应的是#）   class（对应的是.）  层级  组合  属性  伪类

*{}  标签名{}  id名{}   class名{}  层级（名 名  名){}(名称与名称之间用空格隔开)  组合（名，名，名）{名称和名称之间用逗号隔开} 

 属性选择器主要用于input,用法是在head 的style标签里面写上 input[type="属性值"]{}   

<input  type="text"    />

 伪类（a标签的四种状态,如果需要使用得按书写顺序来使用，不然会影响属性的效果）

(当访问的是联网的地址，可能某一个暂时无法显示效果，可以清除浏览器的缓存，因为可能之前访问过了，如果还是 不行就试一下本地的网页，一定会出来效果)

a:link {
color:red;
}
a:visited {
color:black;
}
a:hover {
color:yellow;
}
a:active {
color:blue;
}
三、选择器的优先级（定位越准确优先级别越高）
一般情况下：id>class>其他>*  当涉及到层级时，可能比较特殊，设id的权重为100  class的权重为10  其他的权重为1 当使用层级时，如果层级中有id，则层级的效果肯定会覆盖id的效果显示出来，其他的标签也一样，如果当前标签，在一个层级里面，则层级肯定会覆盖当前这个标签的效果，层级也就相当于权重的叠加
四、块元素和行元素
块元素是可以设定宽高的，而行级元素的，行级元素的宽高会随着元素字符而改变
五、单位
px 基本单位，像素
% 百分比
em 相对于父级字体的大小
rem 相对于html文档字体大小