CSS
Mr Gong
好好学习,好好工作
展开
-
清浮动常见方法总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>清浮动</title> <style type="text/css"> .father{border:1px solid red;margin: 90px auto;overflow: hidden;zoom:1;}原创 2017-02-08 20:57:53 · 299 阅读 · 0 评论 -
定位问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定位问题</title> <style type="text/css"> /*.wrap{width: 300px;height:100px;border: 1px solid black;overflow: hidden;原创 2017-02-08 21:00:33 · 367 阅读 · 0 评论 -
CSS Reset
/*CSS Reset*/ body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin: 0;font-size: 12px;} ol,ul{list-style: none;margin: 0;padding: 0;} a{text-decoration: none;} img{border: none;} form{margin: 0;}原创 2017-02-08 21:01:32 · 228 阅读 · 0 评论 -
常见兼容性问题总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>元素同行问题</title> <style type="text/css"> .box{width: 400px;} .left{width:100px;height:300px;background:原创 2017-02-08 21:10:30 · 297 阅读 · 0 评论 -
关于弹性布局flex属性详解
flex 复合属性,设置或检索弹性盒模型对象的子元素如何分配空间。由以下三个属性组成: <’ flex-grow ‘>: 用来指定扩展比例,即剩余空间是正值时此flex子项相对于flex容器里其他flex子项能分配到空间比例,在flex属性中该值如果被省略则默认为1<’ flex-shrink ‘>: 用来指定收缩比例,即剩余空间是负值时此flex子项相对于flex容器里其翻译 2017-07-11 08:49:21 · 1333 阅读 · 0 评论 -
CSS基本图形总结
html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> style type="text/css"> /* css 三角形 1.width: 0;height: 0; 2.border: 100px solid transparent;原创 2017-07-06 11:32:16 · 325 阅读 · 0 评论 -
未知宽高的img在容器里实现水平垂直居中
//方法一:通用方案,可兼容IE6/7 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> .box{ width:800px;height:600px;border:2px solid #000;原创 2017-07-06 11:47:58 · 715 阅读 · 0 评论 -
弹性布局
html lang="en"> head> meta![Flex布局](http://img.blog.csdn.net/20170706175041007?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvR1laX0NvZGU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gr原创 2017-07-06 17:52:31 · 344 阅读 · 0 评论