第四天 样式,框架

  框架

<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   颜色    可以选上下左右(边框粗细,边框样式,颜色)

          

原文地址:https://www.cnblogs.com/sq45711478/p/5856907.html