css样式表的引入方式
1.嵌入式 相爱《head》标签内直接引入<style></style>标签 进行样式编辑
2.内联式 在html页面时想对某一元素编辑时 直接在 其元素内引入 l例:<p style="width=300”;height="200">
3。外联式 css样式表不在一个页面中 使用<link rel=" styelsheet“ href="css路径名" type="text/css">
或者使用url地址文件 <style type=text/css>
@import url("文件名.css");
</style>
当有多重样式表时 离页面对象最近的样式表起作用
css规则具有继承性
选择器{
1.html选择器 直接使用html元素标签名称作为选择器 名字 可有派生选择
《派生选择 指元素在上下文的位置关系 来设置某一块的样式表 例:h1 h2{}
就指对h1对象下的h2进行样式编辑》
2.id 选择器 指用id名称来确定样式编辑的对象 例 在html页面 <p id="name"></p> 那么像对p标签进行样式编辑则可以通过使用#name{} 选择器进行编辑.id选择器也有派生选择
3.class选择器
格式为 .name{}
同id一样 只是id是一个页面只表示一个元素 而class是类 可多个元素用同样的名字 那么在css编辑时 则可以同时编辑class名称相同的元素 也可以派生选择
4.特殊选择器/伪类选择器
通常用来定义一些特殊效果
有 :前跟指定的元素对象
:active 将样式添加到被激活的元素中
:hover 将样式添加到元素悬浮状态时
:link 将样式添加到元素未被访问时
:visted 将样式添加到元素被访问后
:first-child 将样式添加到页面对象的第一个子元素中
:lang 允许设计者定义指定页面中所使用的语言
属性
background
background-color
background-image
background-repeat 图像重复方式
background-position 设置背景图像的具体位置
background-attachment 设置背景图像是否固定或是随着页面滚动
color 设置文本颜色
line-height 行高
font-family 字体
font-size 字体大小
font-style 字体风格
font-weight 字体粗细
direction 设置文本方向
text-align
text-decoration 设置文本下划线
text-transform
letter-spacing
white-space
word-spacing
属性值
px
em 页面默认字体大小为1em
1.5em 则为默认字体的1.5倍
% 页面默认大小为%100
你设置的大小是相对页面而言
待更。。。