首页 > 代码库 > 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