随笔分类 -  2.CSS

Flex布局
摘要：目前，Flex布局，可以简便、完整、响应式地实现各种页面布局。而且，它已得到了所有浏览器的支持，这意味着，我们能很安全地使用这项功能。 如果你对弹性网页布局感兴趣，那可别错过flex这么好用的属性哦。 一、 初识flex 以前我给PC端网页进行布局时，我是基于盒子模型上，然后采用float浮动和po 阅读全文
posted @ 2017-02-23 17:31 YJ-Alex 阅读(175) 评论(0) 推荐(0) 编辑
ss清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？
摘要：引自：https://my.oschina.net/leipeng/blog/221125。 一、抛一块问题砖（display： block）先看现象： 分析HTML代码结构： 分析CSS代码样式： 这里我没有给最外层的DIV.outer 设置高度，但是我们知道如果它里面的元素不浮动的话，那么这个外 阅读全文
posted @ 2016-10-31 23:04 YJ-Alex 阅读(303) 评论(0) 推荐(0) 编辑
块级元素和行内元素
摘要：块级元素占一行，不论内容多少只要是有2个这样的元素就会换行，行内元素内容少时不会换行。这是个重要区别。块级元素(block element)div -最常用的块级元素dl - 和dt dd搭配使用的块级元素form - 交互表单h1 - 大标题hr - 水平分隔线ol - 排序表单p - 段落ul 阅读全文
posted @ 2016-10-31 22:50 YJ-Alex 阅读(157) 评论(0) 推荐(0) 编辑
行内元素和块级元素
摘要：行内元素和块级元素 by greenal 1 块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table 行内元素：span, strong, em, br, img , input, label, s 阅读全文
posted @ 2016-10-31 00:37 YJ-Alex 阅读(166) 评论(0) 推荐(0) 编辑
CSS3 多媒体查询
摘要：CSS2 多媒体类型 @media 规则在 CSS2 中有介绍，针对不同媒体类型可以定制不同的样式规则。 例如：你可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则。 但是这些多媒体类型在很多设备上支持还不够友好。 CSS3 多媒体查询 CSS3 的多媒体查询继承了 CS 阅读全文
posted @ 2016-10-30 18:05 YJ-Alex 阅读(230) 评论(0) 推荐(0) 编辑
css实现响应式图片及各种效果
摘要：实例网址：http://www.runoob.com/try/try.php?filename=trycss_ex_images_card 阅读全文
posted @ 2016-10-30 16:16 YJ-Alex 阅读(744) 评论(0) 推荐(0) 编辑
css3
摘要： 阅读全文
posted @ 2016-10-29 01:02 YJ-Alex 阅读(83) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示