前端基础笔记-----------06

1.文字2.图片3.声音:bgsound

+css

备注:所有使用框架 框架集的页面不能包含body标签

框架

1.框架集

1.rows 设置整个页面的划分为上下

2.cols 设置整个页面为左右划分

3.border 框架集是否有边框

4.noresize 设置边框的大小是否可以改变 值=noresize 不可以改变

框架集中包含框架元素

scrolling 是否有滚动条 yes no auto

新增css样式

body{background-repeat:no-repeat;}设置网页的背景图片不平铺

a:link{text-decoration:none;color:orange;}

超级链接默认的样式 text-decoration 下划线的样式 none没有下滑线 undeline color超级链接默认的字体颜色 框架

a:hover{text-decoration:underline;}鼠标悬浮才出现下划线

代码案例:

主页面 

前端基础笔记-----------06_第1张图片

主页面效果:

前端基础笔记-----------06_第2张图片

上导航栏:

前端基础笔记-----------06_第3张图片 

左导航栏:

前端基础笔记-----------06_第4张图片 

右侧主显示页面:

 前端基础笔记-----------06_第5张图片

我们点击左侧的导航中的网址:

 淘宝超链接:

前端基础笔记-----------06_第6张图片

 点击新浪超链接:

前端基础笔记-----------06_第7张图片

 

你可能感兴趣的:(前端基础,前端,css,javascript)