html与css笔记总结

html与css笔记总结

1.当在网页中想要引入一个图片，并且使网页随着浏览器的缩放而缩放时，在定义图片时，设置图片的长和高（使用百分比）最重要的是使用“background-size:100%;”。因为意思就是让该图片以100%的呈现在浏览器中，虽然有时会有部分被覆盖，但是当随着浏览器的缩放，可以展示出全部，也就可以跟随浏览器的缩放而缩放。如：

2.在外部写好一个css文件时若想插入时，则使用：
“<link rel="stylesheet" type="text/css" href="#">”
且放入`中
3.为一个盒子设置边框时，

	border-width:边框的宽度
	border-color:边框的颜色
	border-style:边框的样式

缺一不可，若为设置width与color，浏览器有默认值，会出现边框，但是是根据浏览器的默认样式所设置的。
当为一个盒子设置边框时：

border-width:; 可以分别指定四个边框的位置
border-width:1px 2px 3px 4px; 从上开始  顺时针的方向设置

如果指定三个值
则三个值分别设置给上，左右 ，下
设置两个值时
两个值会分别设置为 上下， 左右
当设置一个值时，则四个边全是该值
可以用简便方法直接设置四个边的值
border来直接设置四个边的样式，
如果一个边不需要的话 可以使用
border-xxx:none;
来消除该边框
4.div的使用：
div 相当于在网页上创建一个块区，页面中的许多都是一个个块组成
5.当自己写的不规范时，浏览器会自动帮助我们改正，但是改正的不是源代码，改的只是表现形式，但有些时候并不会，所以，不论如何 ，一定要养成良好写代码的规范。