- 博客(7)
- 收藏
- 关注
RSS订阅原创 CSS - flex
CSS2.1定义了四种布局方式，由一个盒与其兄弟，祖先盒的关系决定其尺寸与位置的算法。块布局：呈现文档的布局模式。行内布局：呈现文本的布局模式。表格布局：用表格呈现2D数据的布局模式。定位布局：能够直接地定位元素的布局模式，定位元素奴基本与其他元素没有任何关系。CSS3引入的flex布局，主要思想是让容器有能力控制子项目的高度，宽度（设置顺序）。以最佳方式填充可用空间（主要是为了适应所有类型的显示...
2018-06-24 19:00:01
1378
原创 CSS - 定位
基本概念利用定位，可以准确的定义元素框相对于其正常位置，相对于父元素或者相对于浏览器的相对位置。position：static | relative | absolute | fixed static：对象遵循常规流。此时4个定位偏移属性不会被应用。relative：对象遵循常规流，并且参照自身在常规流中的位置通过top，right，bottom，left这4个定位偏移属性进行偏移时不会影响常规流...
2018-06-19 22:51:35
1411
原创 CSS - less
LESS 做为 CSS 的一种形式的扩展，它并没有阉割 CSS 的功能，而是在现有的 CSS 语法上，添加了很多额外的功能。我的less的测试是基于angular-cli基础学习的。首先明确，本地静态测试不了，必须依赖于服务器。npm install less@latest --save-devangular-cli.json修改如下："defaults": { "styleExt": "...
2018-06-13 17:20:07
695
原创 CSS边框应用 - 多重边框
当背景与边框还在草案阶段时，CSS 工作组内部有过很多讨论，关于是否应该允许多重边框，就像多重背景那样。不幸的是，当时一致认为这个特性并没有足够多的使用场景，而且网页开发者还可以使用border-image 来达到相同的效果。然而工作组忽略了一点：我们通常希望在CSS 代码层面以更灵活的方式来调整边框样式。可能会使用多个元素来模拟多重边框。box-shadowbox-shadow：none | &...
2018-06-08 14:05:43
809
原创 CSS边框应用 - 半透明边框
相信你以前肯定尝试过 CSS 中的半透明颜色， 比如 rgba() 和 hsla()。半透明颜色是 2009 年发生的一场重大变革。 从那以后， 我们终于可以在网页设计中使用它们了， 但是为了尝鲜还需要付出额外的代价。 .parent { background-color: teal; padding: 50px; height: 500px; width: 800...
2018-06-07 22:35:03
9529
原创 CSS - 文本属性
缩进文本将Web页面上一个段落的第一行缩进，这是一种最常用的文本格式化效果。text-indent：[ <length> | <percentage> ] && hanging? && each-line?适用于：块容器<length>：用长度值指定文本的缩进。可以为负值。<percentage>：用百分比指定文本的缩...
2018-06-06 23:59:33
1586
原创 CSS - 基本视觉格式化
CSS有一种基础的设计模式是盒模型，定义了Web页面中的元素是如何看作盒子来解析的。在CSS中主要有这几种盒模型：inline, inline-block，block, table, absolute position, float。每一个盒模型是由以下几个属性组合所决定的：display, position, float, width, height, margin, padding, bord...
2018-06-04 16:46:32
712
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人