• 第四天 样式,框架


      框架

    <iframe></ iframe> 可以嵌在普通页面里面

     属性

     Src  框架里面要显示的页面地址

    Width 框架的宽度

    Heigh  框架的高度

    Frameborder 框架的边框

    Scrolling  有没有滚动条

    <Frameset></<frameses>  框架集 如果使用框架集当年页面不能有不body 必须删除body

    属性

    Cols =“300,*”  这个是左右拆分,左边宽300右边宽剩余

    Rows=“300,*” 这个是上下拆分 上面宽300  下面宽剩余

    Frame 1 src 框架要显示的地址

           Scrolling   滚动条

    作滚动效果  marquee

    属性

    Direction 滚动方向

    Mark  做标记的标签

    属性

    Hr  分割线  单标签

    页面嵌入视频

     找到视频

    视频左下方点击分享

    复制html代码  复制flsh代码 复制通用代码

    将复制的代码粘贴在页面里面

    样式表

    作用 美化页面

      内联  写在标签里面 style=“样式”  对标签的控制精确 ,代码重用性差

     内嵌   写在文页面里面嵌在head里面 <style type=”text/css” >/*样式*/</style>

            代码重用性强,对标签控制不是很精确

    外部 单独的样式文件

    引入方式 :右键-css样式表-附加样式表  控制没有内联精准,代码重用性最好

    基础选择器  样式表用来选取元素的

    1.标签选择器  比如 div{}

    2.Class选择器   在样式里面把class换成a比如  class=“a” 就是.a{}

    3.Id选择器   给元素设置唯一id ,通过这个id来控制 id用#换 , 比如id=“的“就是#d每个元素只有一个id 优先级最高

    复合选择器

    div,span{}  并列关系 逗号

    #listli  li   后代关系 找下面的关系,子元素  空格

    Div.s       点筛选    

     样式   每个样式后面带分号

    1 大小   Width  宽度  带单位px像素   whdth后面冒号

               Height  高度

    2  背景

    Style= 

    background-color      背景色

             Backgroung-image    背景图片

                       -repeat    图片的平铺方式  repeat 平铺

                       -position   背景图的位置   center  中间

                                               空格加像素 空格做右下 左上

                       -attachment  是不是随页面滚动而变化  fised 固定的 不随滚轮动

                                                         Scroll  随着动

                       -size  背景图片的大小  写两个像素  前面是宽  后面是高

                      

    3 字体

    Style=

              Font-family  字体样式

                  -size     字体大小  单位像素  网页里小字体12像素 正文正常阅读的是14px 还有16 px

                    -style     i是倾斜

                    -weight   加粗  可以选择值 一般选择b

                Text-decoratio   underline 下划线 

                               Overline  上划线

                               None   去超链接的下划线

                Line-zhrongh    删除线

                Color           直接选颜色

    4  对齐方式

    水平对齐方式

    Text-align      center  字体水平居中

    垂直对齐方式

    Vertical –align   middle  字体垂直居中 需要将默认行高字体行高设置的和div的一样高  需要配合行高使用

    Line-height           行高

    Text-indent      首行缩进多少像素

    5边界 边框

              Margin 外边距  顺时针 上右下左的顺序 空格设置像素px  看原来出线的位置,只与最近两方向有关 一般是上和左

              Padding 内边距    也是上右下左  会相应的变大  所以

    使用padding时候应减去加上的像素、只作用于本身

              Boder 边框   简写方式boder:1px  solid   颜色    可以选上下左右(边框粗细,边框样式,颜色)

              

  • 相关阅读:
    自己写的jQuery放大镜插件效果(一)(采用一张大图和一张小图片的思路)
    javascript 节点操作拷贝节点cloneNode()
    javascript节点操作移出节点removeChild()
    写的一个封拆包代码
    C#_socket拆包_封包_模拟乱序包
    VS2010使用DX报错 VS报错之混合模式程序集是针对“v1.1.4322”版的运行时生成的,在没有配置其他信息的情况下,无法在 4.0 运行时中加载该程序集。
    C#_C++_SDK_WM_KEYDOWN人物卡顿延迟解决方法
    MYSQL游标的使用
    MYSQL异常和错误机制
    CRM中的一个函数,保存一下,别系统被ぅ崩坏就麻烦了.
  • 原文地址:https://www.cnblogs.com/sq45711478/p/5856907.html
Copyright © 2020-2023  润新知