初识PHP(4)

1.CSS：
(1)概念：层叠样式表。Cascading Style Sheet 作用：是为了给网页内容添加多种样式，美化网页


2.CSS三种声明方式：
(1)行内样式表：通过标签style属性
<div style="样式"></div>
(2)内联样式表：通过style标签实现
<style>
div{
样式
}
</style>
(3)外联样式表：通过link标签实现,单独的一个css文件(后缀是.css)
<link rel="stylesheet" href="文件路径(相对或者绝对)" />
(4)css样式的特点：
大括号包围，键值对形成，中间接冒号。结尾加分号，注释/**/
(5)css样式的优点;
        能够做到内容和样式分离，写起来比较简单
样式重用
提高浏览速度，节省网络流量

(6)CSS的基本语法
语句：
选择器{
样式;
}
选择器：选择对谁修饰，
样式：属性:值;
注释：
/*注释内容*/ 

3.常用选择器
(1)标签选择器：使用时写标签名
html的标签都是选择器，会选中所有的同类标签
标签{

}
(2)class选择器:class可以同名(选中所有类名相同的标签)，使用时写.xxx
.类名{
}
类名命名规则：由数字。字母。下划线组成，不能以数字开头 
class可以有多个类名  class="类名1 类名2"
(3)id选择器：同一文件中不能重复
#id名{

}
(4)组合选择器：通过逗号将多个元素设置统一属性
.d1,#s1,p{
color：pink;
}
(5)层级选择器：可以将有层级关系的选择器用空格隔开，选中某个后标签与标签之间包含关系就是层级
.grandpa .father .son{
color；green；
font-size：70px；
}
(6)伪类选择器：通过标签后跟冒号的形成
link visited hover active focus first-chlid last-chlid
对于a标签来说：
link正常状态
visited：访问过后的状态
hover：鼠标放到a标签上的状态
active：鼠标点击a标签的时候的状态
按照l-v-h-a顺序


hover：可以针对任何标签，鼠标放到上面的时候的状态
active：激活状态，鼠标按下的状态，针对任何标签
focus:获得焦点的状态，只针对有焦点的标签

first-child:选中父标签里的第一个标签
last-child：选中父标签里的最后一个标签
(7)属性选择器：通过属性的值确定元素
(8)通过选择器(*):
*是通用选择器，选中所有的标签，一般不适用
 *{
 
 }
4.优先级和继承
父标签里设置字体，子标签会自动继承
定位越精确优先级越高
行内样式-id选择器-类选择器-标签选择器-标签本身


5.常用单位
(1)px：像素
em：父标签字体的大小 2em 0.4em
rem：根标签字体的大小
%：不光用于字体，也可以用于宽高，大小，相对单位
浏览器字体默认：12 14 16px


(2)颜色表示：
第一种方法：单词：red green
第二种方法：#rgb #1a801f rgb红绿蓝
第三种方法：rgb(r,g,b) rgb(20,99,20)


(3)尺寸：(width height)
(4)字体：font-size、color、font-weight、font-faily、font-style 
font简写(style,weight,size,family)