首页 > 代码库 > 0608课程框架其他

0608课程框架其他

上午接着学习标签:

一.

1.首先学习滚动标签

滚动效果:<marquee>滚动内容</marquee>,在<marquee></marquee>之间我们可以加文字内容,也可以加图片(加图片为<img src="" />)

direction:滚动方向:上右下左   <marquee direction="">


2.做分隔线:<hr /> 单标签元素,代表网页里面的分割线,出现一次代表一次

eg.<hr />

         <marquee>滚动内容</marquee>

    <hr />

表示滚动内容上线各一条分割线


3.标记文字:<mark>文字</mark>,会对文字进行一次标记


4.网页里面嵌入视频网站的视频:
找到视频-点击分享-选择复制通用代码或HTML代码-粘贴到网页
eg.

<body>

粘贴复制的网页代码

</body>

二.框架集:

1.<framset></framset>
注意:在<framset></framset>框架集下面不能存在body标签,两者不能共存
<framset cols="300,*" >表示左右拆分,左侧占300像素,剩余的给右侧(*表示占有剩余的所有空间)
<framset rows="300,*" >表示上下拆分,上面占300像素,剩余的给下面
<framset frameborder="no" >去掉边框
<frame> 在框架集里面插入的网页

src="" 要显示网页的地址

scrolling="" 子页面的滚动条
eg.

技术分享

技术分享

 

2.<iframe></iframe>      注意:可以和<body>共存,而且应用比<framset>广泛

width=""宽度
height=""高度
src="" 网页的地址
scrolling=""滚动条

eg.技术分享

 

技术分享

 

注意:另外<iframe>可以为隐藏的标签 ,可以携带隐藏的病毒,攻击点击者的电脑

技术分享

技术分享

 

三.CSS样式表基础:

1.内联:<div style=""></div>  样式写在标签里面,代码重用性差,控制精确
2.内嵌:<style type="text/css"></style>  嵌在网页的某个位置,代码重用性高,控制不如内联的精确,在<head></head>内
3.外部:<link href="http://www.mamicode.com/test.css" rel="stylesheet" type="text/css"> 样式是写在一个外部文件里面,代码重用性最高,控制精确度最低

通过选择器找元素:
id="" 每个元素都可以加,id不能重复,是唯一的,相当于人的身份证,永远指向你自己
class="" 类名 每个元素都可以加 可以重复

1.标签选择器 div{放样式} 多个元素
2.id选择器 #title{} 只能取到一个元素
3.class选择器 .biaoti{} 多个元素
4.特殊的 *{} 所有元素

组合选择器:
并列关系:div,span 逗号
后代关系:#title a 空格
筛选关系:div.biaoti 点

关于样式表的优先级:
内联>内嵌=外部
id选择器>class选择器>标签选择器>*所有
!important  打破优先级规律

0608课程框架其他