oiu1010110的博客

HTML布局的两种方式：<div>布局和<table>布局

html5入门基础知识

html5中表格，表单，列表基础

为了编写合法的HTML页面，这里有一些常识性的原则

相对于父元素宽度的： [max/min-]width、left、right、padding、margin 等； 相对于父元素高度的： [max/min-]height、top、bottom 等； 相对于继承字号的： font-size 等； 相对于自身字号的： line-height 等； 相对于自身宽高的： border-radius、background-si

下面是几种常见的水平垂直居中方式，可在不同情形下方便采用不同的方式 html 共同的css div,body{ padding: 0; margin: 0; } body{ background-color: darkgrey; } 1.最简单的margin:auto水平居中         .box{

问题出现： 给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值 div,body{ padding: 0; margin: 0; } body{ background-color: darkgrey; } .box{ width: 400px; height: 400px;

防下拉菜单 ul,li,span {margin:0;padding: 0} li {list-style: none;} .trangle_up {width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom: 16px solid

1.给定body宽高，给定背景颜色background-color,但是并没有预期的背景颜色只出现在body给定宽高的区域，而是全屏幕。 2.页面的html,height的高度100%和默认的滚动条 3.图片自适应容器大小，这里img用到两个css样式，max-width:100%,height:auto;图片不会变形 4.背景图片，设置background-size;图片也可很好的自适应容器大小