DAY—01
8.CSS首页分析(LOGO部分)
1.创一个最外层div
2. 第一部分:LOGO部分:嵌套3个div
<div>
<div style = "float:left">
<omg src = "../img/long2.pong"/>
<div>
..........
..........
3.第二部分:导航栏部分:放置5个超链接
DAY—02
9.CSS首页优化—最新商品部分
4.第三部分:轮播图
5.第四部分:最新商品
6.第五部分:直接放一张图片
7.第六部分:抄第四部分的
8.第七部分:放一堆超链接
10.CSS首页优化—代码实现
DAY—03
11.行高
默认文字高度
height:60px
添加line-height:60px
DAY—04
12. CSS选择器的优先级
CSS的优先级:
选择器:元素选择器,类选择器,ID选择器
按照选择器搜索精确度来编写:
行内样式>ID选择器>类选择器>元素选择器
就近原则:那个离得近就选用那个样式
DAY—05
13.内容回顾—扩展选择器
CSS层叠样式表:
主要作用:美化页面,将页面美化和HTML代码进行分离,提高代码的复用率
选择器:
1.元素选择器
标签名称{ }
2.类选择器
以“. ”开头: .类名称{ }
3.ID选择器(必须是页面上唯一的)
以“# ”开头: # ID选择器{ }
CSS的浮动
1.float属性:left,right(不再占有正常文档流中的空间)运用在流式布局
2.clear属性:both,left,right 清除浮动
CSS中的其他选择器(语法基本一样)
1.选择器分组: 选择器1,选择器2(属性名称:属性的值)
2.属性选择器:
a[title]
a[title = "aaa"]
a[herf][title]
a[herf][title= "aaa"]
[abc^="def"]选择属性值以“def”开头的所有元素
[abc$=“def”]选择属性值以“def”结尾的所有元素
[abc*="def"]选择属性值以包含子串开头的所有元素
3.CSS后代选择器(又称包含选择器)
后代选择器可以选择作为某元素后代的元素
语法:选择器1 选择器2 找出所有后代
4.子元素选择器:父选择器>儿子选择器
5.伪类选择器(通常使用在a标签上)