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