首页 > 代码库 > 9.9
9.9
9.9课堂内容大纲
框架:①<frameset></frameset>:框架集(如果使用框架集,当前页面不能有body)
⒈<cols="300,*"> :左右拆分,左边宽为300px,右边宽剩余
⒉<rows="300,*"> :上下拆分,上边高为300px,下边高剩余
⒊<frameset>:边框
⒋<frame>:⑴src:框架要显示的页面地址 ⑵<scrolling>:滚动条
②<iframe></iframe>:可以嵌在普通页里面
⒈<src>:框架里面要显示的页面地址
⒉<width>:框架的宽度
⒊<height>:框架的高度
⒋<frameborder>:框架的边框
⒌<scrolling>:滚动条
框架其他知识点:
⒈<marquee>滚动效果 <direction>滚动方向
⒉<mark>做标记 默认黄色
⒊<hr>分割线
⒋页面嵌入视频:1、找到视频 2、视频左下方点击分享 3、复制HTML代码 or 复制 flash or 复制通用代码 4、把复制的代码粘贴在页面里边。
CSS样式表:
分类:
⒈内联:写在标签里面,<style="样式">, 特点是控制精确,代码重用性差。
⒉内嵌:嵌在页面的head里面 <style type="text/css"></style> 特点是 控制没有内联精确,但是代码重用性好
⒊外部:单独的样式文件,引入:右键-css样式表-附加样式表 手打:<link herf="test.css"rel="stylesheet"type="text/cs">控制没有内联的精确,代码重用性最好
选择器:样式表用来选取元素的
⒈标签:根据标签名选中元素。
⒉<class>: .(点):根据class名来筛选元素
⒊<id>:#(井号):根据id名来筛选唯一元素
⒋复合:⑴ 逗号并列:<div,span> ⑵空格后代: <#list li> ⑶ 点筛选:<div.s>
样式:
大小:
⒈<width>:宽度
⒉<height>:高度
背景:
⒈<background-color>:背景色
⒉<background-image>:背景图片
⒊<background-repeated>:背景图的平铺方式
⒋<background-position>:背景图片位置
⒌<background-attachment>:设置背景图片是否滚动
⒍<background-size>:背景图的大小200px 200px
字体:
⒈<font-family>:字体样式。
⒉<font-size>:字体大小 12px 14px
⒊<font-style>:italic字体倾斜
⒋<font-weight>:bold加粗
⒌<text-decoration>:⑴:underline:下划线⑵:overline:上划线⑶:line-through:删除线 ⑷:none:没有,用来去掉链接的下划线,美观
⒍<color>:字体颜色
对齐方式:
⒈<text-align>:水平对齐方式
⒉<vertical-align>:垂直对齐方式
⒊<line-height>:行高
⒋<text-indent>:缩进单位像素
边界边框:
⒈<margin>:外边距 简写: 上右下左(默认)
⒉<padding>:内边距 简写:上右下左(默认) 注意:如果加了内边距,该元素会相应变大
⒊<border>: 1px solid #60F 简写方式 第一个边框粗细 第二个边框样式 第三个边框颜色。
经过几天的学习,给我的感觉就是知识点太零碎,首先要记清,记住各标签的含义,用法,多手打练习。 加油!!
9.9