9.9

Posted 2020-08-08 亮瞎我的猫眼。

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  简写方式  第一个边框粗细  第二个边框样式  第三个边框颜色。

 

经过几天的学习，给我的感觉就是知识点太零碎，首先要记清，记住各标签的含义，用法，多手打练习。   加油！！