一 css
1.css 用于控制网页样式的一种标记语言,通过使用css可以使网站外观更加美观,结构更加简化。
2.css的语法: 选择符{属性:属性值};属性必须要包含在{}中,并且之间用属性和属性值“:”分隔。当有多个属性时,用“;”进行区分。
3.选择符:
通配符选择符,* 代表所有元素,如 *{font-size:12px};
类型选择符 如 <p class="red"> 这是第一个段落 </p> 选择符的写法: p.red{color:red} ;
id选择符: 如 <p class="red"> 这是第一个段落 </p> 选择符的写法: p #6666 {font-weight:bold}
包含选择符
类型选择符 .name{font-size: 12px}
选择符分组。
类选择符优先级高于类型选择符,ID选择符高于类选择符。
4.布局4个属性: margin:边界距 border:边框距 padding:填充 content:内容
5.伪元素和伪类:
选择符 伪类{属性:属性值} ,如 a:hover{font-size:12px},其中伪类和伪元素的写法,一般是以“:”开头。
6.颜色的使用: 使用颜色的名称; 使用16进制颜色,p{color: #fff};
7.绝对长度单位: in(英寸),pt(英镑) ;相对长度单位,em是定义字体大小值,px就是通常所说的像素。css中所有的长度值都要注明单位。
8.url:在css中,相对url是相对于css文件,url和后面的括号至今啊不能插入空格。
9.注释, /* 这是一个注释 */
10 colspan:合并属性列;rowspan:合并表格中的行。
11 css的调用:
行内调用:<元素名称 style=“属性:值”></元素名称> 如<p style="width:200px;">你好啊</p>
页面头部调用:<style type="text/css"> p{width:200px;} </style>
采用链接形式调用:
使用link元素 <link rel="style sheet" href="./top.css" type="text/css">
使用@import <style type="text/css">@import url("./top.css") </style>
优先顺序为: 1,2,3