CSS的基本语法:
包括三部分:选择符、样式属性、属性值。(属性和值要用冒号隔开)如:p{color:#ff0000}
属性的值由多个单词组成时,并且单词间有空格、那么需要给属性值加引号
例如:p{ font-family: ”Courier New”}
如果一个选择符有多个属性时,用分号将属性隔开。
具有相同属性和值的选择符可以用逗号隔开:p,table{font-size:10px}
选择符的形式:
所有的HTML标签都可以作为选择符、类选择符、id选择符、包含选择符
类选择符:用句点. { font-size:16px}
Id选择符:用# 表示#id{ font-size:16pt} pt表示点
伪类:之所以称为“伪”是因为它制定的对象在文档中并不存在,它们指定的是元素的某种状态
最广泛的伪类是链接的4个状态:a:link未链接状态、a:visited已访问链接状态
a:active 鼠标单击与释放之间发生的事件
a:hover 鼠标指针悬停在链接上的状态(比较常用)
选择符的优先级:
Id选择符最高、其次是类选择符 !important语法主要用来提升样式规则的应用优先级用法p{ color : #ff0000 !important}
插入CSS样式表:
外部样式表:是用<link>标记链接、<link>标记必须放在<head>区域内
<link rel=”stylesheet” type=”text/css” href=”样式表文件的地址” >
rel=”stylesheet”是指在HTML文件中使用的是外部样式表。
type=”text/css”指该文件的类型是样式表文件。
内部样式表:通过<style>标记也是定义在<head>标记内
<head>
<style> 用来说明所要定义的样式
<!-- 是为了防止一些不支持CSS的浏览器,将<style></style>之间的CSS代码当成普通的字符串显示在网页中
-->
</style>
</head>
嵌入样式表:即<body>标记中直接加入样式表的方法。
基本语法:<HTML标签 style=”属性:属性值; 属性:属性值;”
导入外部样式表(某些浏览器不支持、所以不常用)一般放到head区域
是指在<style>区域内引入一个外部样式表文件
<style type=”text/css”>
***@import url(外部样式表文件地址); import后面的分号是不可以省略的
</style>
以上四种方法、优先级最高的是嵌入样式表③其余三种是最近优先的原则。
字体的设置:
设置字体:font-family 可以一次定义多个字体p{ font-family:隶书,黑体, 仿宋}
设置字号:font-size
设置字体样式:font-style字体样式就是设置字体是否为斜体,
其属性值有
normal 正常显示——默认
italic
斜体显示[ɪˈtælɪk ]斜体的、斜字体
oblique歪斜体显示比斜体的倾斜角度更大[oˈblik ] 倾斜的、非直角的
设置字体加粗:font-weight
其属性值:
normal正常粗细
bold
CSS样式笔记 来自淘豆网m.daumloan.com转载请标明出处.
