本文详细介绍了CSS的引入方法、选择器、布局技巧及常用属性应用，包括行内样式、内部样式与外部样式，标签选择器、类选择器与ID选择器，DIV+CSS布局的实现，以及如何利用CSS制作横向导航条。同时，阐述了CSS选择器的使用方法，如并集选择器、交集选择器和后代选择器，并提供了实例说明。
引入CSS的方法:
Ⅰ行内样式 不推荐使用
Ⅱ内部样式:写在<head></head>之间 <style type="text/css>...</style>
Ⅲ 外部样式:
①连接式: <link href="style.css" rel="stylesheet" type="text/css" /> //先加载样式表,收加载页面
②导入式
<style type="text/css">
@import"style.css"; //先加载页面,后加载样式表
</style>
CSS选择器
一:基本选择器 ①标签选择器 ②类选择器 (.类名 )③ID选择器( #ID)
二;符合选择器 Ⅰ并集选择器(用,隔开) Ⅱ交集选择器 (什么都不用)Ⅲ后代选择器(用空格隔开)
DIV+CSS布局
一:划分的大的区域一般用ID选择器:#header #mainbody #content #side #footer
二:对于小的区域一般用class选择器
三:设置包裹层:#wrap控制页面个的整体位置
四:设置clear类,清除浮动
CSS常用属性
制作横向导航条时用的属性设置: 左浮动float:left; 去除原点 list-style: none; 去除下划线text-decoration:none; 菜单标题之间的间隔 width:90px; height:35px;字体颜色:color:#000;文字水平居中text-align:center; 文字垂直居中:height:25px; line-height:25px;(这两个设定的值一定要相等);菜单标题之间的间隔 margin-left:1px; 背景图片:backgroun-imgage:url();平铺属性:background-repeat:no-repeat
扫一扫
96
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
