常用图片格式
gif：支持动图 支持的颜色比较少 仅支持简单的透明 如果图颜色比较单一是动图的情况下使用
img：相对路径 保存图片的
jpg：支持颜色比较多 可压缩 不支持透明 一般用来保存照片 颜色比较丰富的图片
png：支持颜色多 而且支持复杂的透明
图片使用原则:如果效果不一致的时候使用效果好的 如果效果一致的时候使用体积小的
关键字：<meta name = "keywords" content = "哈哈，前端" />
意思是说搜索哈哈 能搜到这个网页 搜索前端也能搜索到这个网页
<meta name = "description" content="网页描述 描述这个网页是做什么的"/>
以上关键字是告诉引擎百度怎样去搜索你这个网页
<meta http-equiv="refresh" content = "5;url=http://www.baidu.com" /> 五秒后跳转页面百度
<p>今天天气<font color="red">冷死个人</font></p> 把冷死个人变成红色 标签之间不允许交叉嵌套
内联框架：<iframe src="www.baidu.com" width="" height="" name=""></iframe> 高 宽 名字 可以不设置 以上操作就是把其他网站导入点前网页
内连框架设置超链接
<a href="www.baidu.com" target="tom">我是一个超链接</a>
<iframe src="www.hao123.com" name="tom"></iframe>
css
内联样式：<p style="color:red;font-size:40px"> 用style方式写在标签里
内部样式：<style type="text/css">
p{
color:red;
font-size:40px;
}
</style> 写在头部的style标签里
外联样式或外部样式：<link rel="stylesheet" type="text/css" href="css/style.css" /> 相对路径 通过link标签写在外部样式表里
块元素：div （布局）p h1 ~ h6 ul li 独占一行 主要来做布局
<div style="backgrounp-color：red；width：200px；">
我是一个div
</div>
内联元素：（行内元素）span a img iframe <span>我是一个span</span> 不独占一行 主要选中其中一段 从左往右
a是内联它可以包括任意元素 但是不能包括自己a
p是一个块p里面不能包括其他的块
通过元素选择器可以选择网页上指定的元素
唯一标识
id 不能重复
一个页面能有一个id
＃p1{
color:red;
}
id="p1"的元素会变成红色
class
可以重复
可以为一个元素设置多个class属性
多个属性要用空格隔开
.p2{
font-size:20px;
}
class="p2"的元素字体为20像素
用逗号把多个选择器分隔，然后并列到一起，同时使用一个样式(style)
＃p1,.p2,h1{
background-color:blue;
}
三个选择器的元素背景颜色都是蓝色
用*号表示，选中页面上所有的元素
*{
color:red;
}
页面所有的元素都变成红色
span.p3{
background-color:yellow;
}
即满足<span>元素 也满足class="p3"，把两个元素紧紧写在一起就是复合选择器
网友评论