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.当自己写的不规范时,浏览器会自动帮助我们改正,但是改正的不是源代码,改的只是表现形式,但有些时候并不会,所以,不论如何 ,一定要养成良好写代码的规范。