摘要: 用户界面--column 关于用户界面,我们先了解一下在块元素中写文字时,浏览器中的呈现情况,这个其实很明显,所有的文本内容会在块元素内从左到右一个个字排列,排满后,从上到下一排排渲染……然而,有些时候,页面需求的呈现方式是,类似于报纸似得,将一段文本内容,分成多列布局显示。 用户界面使用的示例如下 阅读全文
posted @ 2017-04-12 23:24 蓝度飞 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 颜色--rgba(0,0,0,1) CSS3之前的颜色表示法有三种: 第一种、表示颜色的单词,例如“red”、“green”等。第二种、以“#”开头后面是六个十六进制的数字,例如“#ffffff”,前两个数字代表红,中间两个数字代表绿,后面两个数字代表篮。第三种、rgb(0,0,0) 表示,括号中的 阅读全文
posted @ 2017-04-12 18:31 蓝度飞 阅读(640) 评论(0) 推荐(0) 编辑
摘要: 十二栅格是一种响应式布局方式,它的大体思想是,将父元素的宽度等性的分成12栏,利用 @media 去给每一个元素在不同屏幕下设置为占据不同栏数宽度,例如,某个元素,在大屏是占整个父元素的3栏(一行有4个相同元素),在中屏占整个父元素的6栏(一行有2个相同元素),在小屏占整个父元素的12栏(独占一行) 阅读全文
posted @ 2017-04-12 17:01 蓝度飞 阅读(2951) 评论(0) 推荐(0) 编辑
摘要: 本文不会详细去说@media的各种用法,只是简单的描述一下PC端的响应式是什么,如何去实现。 响应式是指:在不同宽度的屏幕下,都可以看到完整的页面内容,只不过,在宽度较小的屏幕下,可能内容会有删减,布局可能会有些改变等。 响应式一般会使用 CSS3 媒体查询 @media 来实现。 具体使用如下所示 阅读全文
posted @ 2017-04-12 11:58 蓝度飞 阅读(574) 评论(0) 推荐(0) 编辑