今天是培训的第二天,天气很晴朗。。。
目录
今日任务
行级标签
超链接
超链接的三种应用场合
超链接中的target属性
超链接伪类
常用的特殊符号
frameset
iframe
iframe与frame的主要区别:
CSS 层叠样式表(Cascading Style Sheets)
CSS选择器
CSS清除默认格式
属性
文本属性
背景属性
list-style (列表风格)
列表属性的典型应用:导航菜单
Float(漂浮)
Clear
今日代码
练习1——CSS选择器
练习2——修饰贵美商品分类
练习三——模仿京东登录页面
练习四——模拟新闻页面
练习5——京东导航条
今日任务
framesetCSS网页布局
行级标签
图片标签:
范围标签(span):显示某行内的独特样式换行标签
超链接
基本语法:
链接热点文本或图像
链接路径:../ :表示上级目录 ../../ :表示上上级目录
超链接的三种应用场合
1.页面间链接
2.锚链接 :适用于页面内容较多,超过一屏的场合
[明星专区] // 设置链接到标记位置
明显专区内容 // 定义标记
3.功能性链接
超链接中的target属性
| 描述 | 值 |
|---|
| 在新窗口中打开被链接文档。 | _blank |
| 默认。在相同的框架中打开被链接文档。 | _self |
| 在整个窗口中打开被链接文档。 | _top |
| 在父框架集中打开被链接文档。 | _parent |
| 在指定的框架中打开被链接文档。 | framename |
超链接伪类
| 伪类 | 示例 | 说明 |
|---|
| a:link | a:link{color:#999;} | 未访问状态 |
| a:visited | a:link{color:#333;} | 已访问状态 |
| a:hover | a:link{color:#ff7300;} | 鼠标移上状态 |
| a:active | a:link{color:#999;} | 激活选定状态(鼠标点击未释放时) |
常用的特殊符号
| 空格 | |
| 大于(>) | > |
| 小于(<) | < |
| 引号(”) | " |
| 版权号(©) | © |
frameset
框架的两类用途:
1、显示多窗口页面---使用