随笔分类 -  html

 
实现自适应位置--footer紧贴浏览器底部
摘要：<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>紧贴浏览器底部</title><style type="text/css">* { padding: 0; margin: 0;}html { _overflow: auto;/*滚动条* 阅读全文
posted @ 2018-02-27 09:51 STATS 阅读(1060) 评论(2) 推荐(0)
双飞翼式布局
摘要：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>双飞翼布局</title><style>#main{ float: left; width: 100%;}#main-content{ margin: 0 200px; 阅读全文
posted @ 2018-02-27 09:15 STATS 阅读(113) 评论(0) 推荐(0)
div+css的兼容性问题和解决方法
摘要：第一，默认的内外边距不同问题： 各个浏览器默认的内外边距不同 解决： *{margin:0;padding:0;} 第二， 水平居中的问题 问题： 设置 text-align: center ie6-7文本居中，嵌套的块元素也会居中 ff /opera /safari /ie8文本会居中，嵌套块不会 阅读全文
posted @ 2017-12-07 17:53 STATS 阅读(372) 评论(0) 推荐(0)
HTML5 浏览器支持
摘要：css重置 header, section, footer, aside, nav, main, article, figure { display: block; } 为HTML添加新的元素 <!DOCTYPE html> <html> <head> <title></title> <script 阅读全文
posted @ 2017-12-07 17:13 STATS 阅读(159) 评论(0) 推荐(0)