CSS基本概念
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)
等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
1.什么是CSS
CSS(cascading style sheet)层叠样式表,主要用于布局和美化网页
如下图:
2.CSS分类
内部样式表和外部样式表
内部样式表又分为嵌入样式和行内样式
嵌入样式:
主要包含:<head></head>
<head>
<style type="text /css">
bady{font-size:12px;}
</style>
</head>
行内样式
<a style="tont-size:12px:">
外部样式包含在<head></head>中
CSS作为一个独立文件被调用
<link hred="style.css" rel=“stylesheet” type=“text/css”/>
3.CSS的语法结构
<style type ="text/css">
选择器:[对象属性:属性值:]
</style>
4.CSS选择器的分类
标签选择器 p a body span stab/e
p\ p{属性:属性值:}
类选择器,类名
类名[属性:属性值:]
<p class="类名">
id选择器
#id1名字{属性:属性值:}
<p id ="id名字">
5.css样式的优先级
id选择器>类选择器>标签选择器.
选择器相同,按代码的应用顺序,后应用的覆盖前应用
行内样式>嵌入样式>外部样式
内层标签应用样式优先于外层样式标签
6.选择器的申明
集体申明
body,p,hl,span,#abc,classl{color:red:}
嵌套申明
p a {color:red:}
p a span{color :red:}
7.css 常见的文本段落属性
font-family 设置文本字体
font-sis 设置字体大小
line-height 文本的行高
texr-indent 首行缩进
text-align 文本的水平对齐方式
vertical-align 垂直对齐方式
color 字体颜色
border 设置边框属性
border-width 边框宽度
border-style 边框样式
border-color 边框的颜色
backlground-image 设置背景图片