html页面布局笔记
2017-06-02 16:23
232 查看
一般html布局会用居中显示,这里需要注意的是,当元素设置了固定宽度之后,margin:0 auto才适用,如果设置了width为100%,则无效:
float属性:一般float会对它自己后面的标签产生影响(只对它后面的标签影响),这时受影响的标签需要清除浮动。
float还会影响父级标签,比如:
这里如果test2设为float,则test2后面的标签和父级标签test都会受到影响。
position定位方式:
html a标签默认未点击的颜色为蓝色,点击过后为紫色,如何修改?
.wapper{margin:0 auto;width 100%; } \\这是无效的 .wapper {margin:0 auto;width 750px;} \\这是正确的
float属性:一般float会对它自己后面的标签产生影响(只对它后面的标签影响),这时受影响的标签需要清除浮动。
clear:both; #只对float后面受影响的标签有效,但对父级标签无效。 overflow:hidden; #对float后面的标签和父级标签都有效。
float还会影响父级标签,比如:
<div class="test"> <div class="test1"></div> <div class="test2"></div> </div>
这里如果test2设为float,则test2后面的标签和父级标签test都会受到影响。
position定位方式:
#静态定位 #相对定位 #绝对定位可设置四个属性值:
static relative absolute fixed
html a标签默认未点击的颜色为蓝色,点击过后为紫色,如何修改?
.nav a:link,.nav a:visited{color:green;text-decoration:none;} .nav a:hover,.nav a:actived{color:red;text-decoration:none;}
相关文章推荐
- HTML5+CSS3学习笔记(二) 页面布局:HTML5新元素及其特性
- HTML5+CSS3学习笔记(二) 页面布局:HTML5新元素及其特性
- 【前端】纯html+css+javascript实现楼层跳跃式的页面布局
- html+css正常但是复制到aspx页面出现布局混乱的问题
- 在HTML页面布局中,position的值有几种,默然的值是什么
- ExtJS学习笔记七:复杂页面布局实现
- Java Web学习笔记之文件包含及页面布局策略
- <div+css页面布局课堂笔记>2---页面布局的盒子模型
- 对于用户上传不规划Html而导致页面布局错乱的一简单解决方法
- HTML页面的布局
- <div+css页面布局课堂笔记>11---页面布局网站首页设计实例__终极版(仿csdn首页)
- HTML页面关键词随机分布布局
- HTML&CSS基础学习笔记1.21-简单的注册页面
- yii基于布局的子页面引入js和css文件,并放入布局文件中HTML的head中
- HTML静态网页中字体对页面布局的影响
- html+css正常但是复制到aspx页面出现布局混乱的问题
- html页面转成jsp页面后布局混乱的 1 种情况
- 个人笔记 html 04 提交表单与跳转页面冲突时
- html中页面布局之表格标签
- HTML页面布局与文字设计