HTML5写网站遇到问题总结与思考2

1.在body内输入缩写按下tab键，属性用[],文本用{}

. # *个数 $依次代表1，2，3，4，5
div.类名和div#类名 效果<divclass="abc"></div>，ul>li{名字}*3效果ul里面3个li
div>a[href='#']{小花}*3效果<div>
<ahref="#">小花</a>
select>option{$}*5效果<select name="" id="">
<optionvalue="">1</option>
select>option[value='花香']{$}*5>a[href='#']{小花}效果<select name="" id="">
<option value="花香">1<a href="#">小花</a></option>
2.当图片宽度大于父级的宽度，不能用margin：0 auto；或tex-align:center;使图片居中

可以用绝对定位(缺点：必须知道图片宽度)或者父级设置tex-align:center;且子级设置margin:0 -100%;
绝对定位不能用*margin：0 auto；绝对定位不会使用标准0位置，会脱标，其底下的控件就会上移
绝对定位 position: absolute;
        left:50%;
        margin-left: -宽度的一半;
若遇到标准流被挤下来了则需要用定位流即可定位 定位流默认以body作为参照物 若需要变换参照物需遵循 子绝父绝或父相
后定位的会盖住先定位的 z-index越大如设置为998 定位元素显示在越上面

3.增加了border或padding盒子就会变宽变高，需要设置box-sizing
4.<span style="color: #e82c07"></span>span可以直接在html中设置颜色
5.左右顶格显示：再套一个div
6.overflow:hidden;超出屏幕的部分裁剪
7.css里设置img的宽度高度没有任何作用，再在html的该img标签下设置宽高有效
8.ol有序列表 ul无序列表  调试：开发-显示页面源文件-元素 点击该控件代码能找到其在界面中的位置
transparent透明色  border-radius圆角