孙肖宁发布的文章

孙肖宁

CSS滑动门技术

制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，如下图所示，即为设置了圆角背景的导航。而且每个元素的大小都是不确定的，有内容来决定元素的大小，...

2018 年 02 月 21 日

emmet快捷键

emmet是我们在sublime中的一个插件在这个插件中集成很多的快捷键。通过这些快捷键可大大提高我们的...

2018 年 02 月 20 日

CSS精灵图

原理：CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图）。然而，各个网页元素通常只需要精灵图中不同位置的某个小图，要想精确定位到精灵图中的...

2018 年 02 月 20 日

CSS控制元素的隐藏和移除

CSS的隐藏overflow:hidden; 溢出隐藏，超出元素范围的内容会被剪切掉。visibi...

2018 年 02 月 20 日

CSS vertical-align 属性

vertical-align 其实就是垂直对齐的意思。值描述baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。top把元素的顶端与...

2018 年 02 月 20 日

html标签包含规范

标签包含规范div可以包含所有的标签。p标签不能包含div h1等标签。h1可以包含p，div等标签，但...

2018 年 02 月 20 日

CSS初始化

由于各浏览器的渲染内核都不一样，对相同的标签可能会有不同的样式，为了解决这种问题带来的浏览器的不兼容，在网页开发之前，一般都会进行初始化，下面几个是常用的...

2018 年 02 月 19 日

浮动布局

浮动布局语法：关键字：float。值：left（左浮动）;right（右浮动）。特点：元素浮动之后不占据...

2018 年 02 月 19 日

新年快乐

新的一年即将开始，小宁在这里祝您新春快乐，新年新气象！一路发发发，新年旺旺旺！

2018 年 02 月 16 日

盒子模型

所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的...

2018 年 02 月 15 日