PHP编程之HTML(css)

来源：互联网发布：中国建筑国际集团知乎编辑：程序博客网时间：2024/06/05 19:57

1、任何标签都有id、name、style、class这四个属性。/* 注释 */

2、格式（属性：值；属性1：值1；属性2：值2；）

3、四种设置方式：（它们的优先级别：内联的高于其他的，其他的和加载顺序有关）

内联式：直接在html标签中使用style属性。
嵌入式：在<head></head>之间使用<style></style>标签的形式。
外部样式表：<link rel="stylesheet" type="text/css" href="/.../xxx.css" >
输入样式表：可以将一个样式文件输入到另外一个样式文件中（使用“@import url(xxx.css)；”导入。），或将一个样式文件输入到<style>元素中（使用“@import url(css文件);”）。

4、样式选择器（所有嵌套在某个html标签中的html标签都会继承外层标签设置的样式规则）（优先级：关联选择器>ID选择器>CLASS选择器>HTML选择器）

标签选择器 selector { property:value; property:value; }
.类选择器 classname { } （元素名.类名。元素名省略的时候则所有属于该类的标签都将拥有该效果）（同一元素可以使用多个类，类名之间用空格隔开）
id选择器 #idname { } （ID属性指定了某个单一元素，id属性就用来对单一元素定义单独样式。一个html页面中，ID属性要唯一）
关联选择器 div #one .two p { } 用空格隔开的。
<div>    <div id="one">        <div class="two">            <p>必须按这种顺序关联，顺序不能写反！</p>        </div>    </div></div>
组合选择器 p,b,a { } 使用“，”隔开。为了减少样式重复声明，组合是允许的。
伪元素选择器（标签：伪元素）对同一个html元素在不同状态下的一种定义方式。目前是有<a>和<p>标签可以使用。例如：
a:link { }没有任何动作前得状态
a:hover {}光标移到超链接上的状态
a:active {}选择超链接的状态
a:visited{}访问过超链接的状态。
p:first-letter{} 一个段落中首个字母的状态
p：first-line {} 一个段落中首行的状态

5、