css样式学习笔记五

注：其中的内容只是自己学习时的一些笔记，好记性不如烂笔头，在此记录方便以后巩固！

1、form以及input标签都是可以设置他的宽度和高度的 也就有样式一称

2、类里面可以有多个值 class="name1 name2 ...." 突出特性
3、路径 ../ 返回上一级目录
4、img 属于行内元素（可以设置宽度以及高度）
<img src='' alt='' align='' title='' width='' heigh=''>
alt：设置提示文字
width:
height:
align:设置图片与文字的环绕
left:左环绕
right：右环绕
title:标题文字（光标放在上面的时候显示的文字）


5、建立企业站首页
一、先建立一个文件夹（站点）存放网站的所有内容
 文件夹的名字中不能出现中文，只能由字母或数字组成
img:存放图片
css:存放css文件
js:存放js文件
flash:存放flash文件
二、明敏规范化
1、所有的文件名字命名必须具有一定的意义
2.类的命名
content 内容：包含所有内容的最外层的div
header 头部
nav 导航
banner 广告条
main1 主体第一部分
main2 主体第二部分
footer 底部（存放企业的版权和联系信息）
三、新建css
新建的css文件的顶部一定要标识编码格式
@charset "utf-8"
四、初始化
1、用到的所有标签 内外边距去掉
 h1,h6,ul,li,p,div,body{margin:0px; padding:0px;}
2、ul,li{
list-style:none;
}
3、img{
border:0px;
}
a{
text-decoration:none;
}

margin:0px auto 设置宽度以后会居中显示

五、块与块之间的分隔

使用一个块级元素标签分隔 <p class=''></p>

p

{
 height:10px;
}

六、浮动的元素最好要设置宽、高度

在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。浮动的元素要指定一个明确的宽度；否则，它们会尽可能地窄

给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素（默认是body文本区域）的左右边框

而此浮动元素在文档中空出的位置，由后续的（非浮动）元素填充上去：块级元素直接填充上去，若跟浮动元素的范围发生重叠，浮动元素覆盖块级元素。内敛元素：有空隙就插入。

设置背景图像的时候最好设置高度