css学习笔记.php
<!--
CSS
cascading style sheets层叠样式表
CSS就是要对网页的显示效果实现与Word一样的排版控制
一个样式表由演示规则组成
HTML是为了将内容放到页面上,而CSS是为了样式
任何一个标签都可以有四个属性:
id class style name
例1:一个段落,字体:红色;背景:黄色;有一个2个像素的实现边框,字体大小
为4cm
实现:style="color:red;backcolor:yellow;font-size:4cm;border:2px solid
blue;text-align:center"
语法:
格式:属性1:值;属性2:值;属性3:值……
属性和值用冒号隔开;多个属性用分号隔开
color,background-color,font-size,border边框,text-align
单位:
颜色:#rgb #8fa #aaffaa red(green) 数字(0-255)
字符大小:em 元素的字体的高度
px 像素(常用)
上述是相对单位
pt磅 cm mm in 绝对单位
百分比:% + -
URL:
注释:/*开始 */结尾
注意: 注释里面不能再包含注释
四种设置
内联样式表
在任何一个标签中使用style指定样式,就是内联式
如:<p style="color:red;font-size=4cm">
灵活,但不利于更新,且标签不能共用一种样式
嵌入样式表
通过html的<style></style>将CSS嵌入到HTML里面
<style>
样式
</style>
可以控制当前页面的所有的样式
但不能控制所有页面的样式
外部样式表
将样式单独定义在一个后缀名为.css的文档中,并且在HTML中通过link连
接到HTML中使用
所有的页面都可以使用该文档,也就使得所有的页面能够共享样式
<link rel="stylesheet" type="text/css" href="css文件所在的文件夹
">
多个页面都可以使用
输入样式表
可以将一个css文件输入到另外一个样式文件中,获奖一个样式文件输入
到<style></style>元素中
可以将多个样式表组合成一个样式表,如何可以使用多个样式表
使用@import url(css所在位置);导入其他的CSS文件
在<style>中使用@import url(css所在位置)</style>
四种样式表的优先级
内联样式表高于其他的
嵌入样式表,外部样式表,输入样式表的优先级与加载的顺序有关
第 1 页