zoukankan      html  css  js  c++  java
  • 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  简写方式  第一个边框粗细  第二个边框样式  第三个边框颜色。

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

  • 相关阅读:
    Docker--使用
    腾讯云发送短信
    Mysql--查询基础
    flask10--数据库链接池(通用),wtforms
    Flask11--Flask-script,sqlalchemy
    序列化 json
    第五章-算术运算符
    计算机网络自顶向下的方法-第二章 应用层
    第三章-数据类型
    第三章-常量和宏定义
  • 原文地址:https://www.cnblogs.com/u1020641/p/5857391.html
Copyright © 2011-2022 走看看