上午接着学习标签:
一.
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="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 打破优先级规律