css

实战案例 5.5秒给你画个八卦图

css3与js结合实现动画，两边的圆形利用before/after两个伪元素制作，省去两个标签 DEMO展示

2016-06-02 02:33:22 4845 7 24

HTML/CSS 让盒子在网页中居中的方法

让一个盒子居中的几种方法，通过绝对定位实现，会跟着浏览器窗口的缩放不断调整位置，一直居中通过绝对定位，定位时上边距与左边距都给50%，在利用margin减去当前盒子的一半宽度与高度 .box{ position: absolute; top: 50%; left: 50%; width: 100px; height:

2016-05-10 11:14:32 10706 2 24

阅读详情

HTML/CSS vertical-align垂直对齐

定义和用法 vertical-align 属性设置元素的垂直对齐方式。下边为常用的几个属性： baseline默认值，元素放置在父元素的基线上文字在父元素基线上     top，把元素的顶端与行中最高元素的顶端对齐文字与图片顶端对齐     middle，把此元素放置在父元素

2016-03-27 00:53:44 2817 0 7

阅读详情

实战案例 css:hover伪类

css :hover移动到某个元素上时触发，只用于元素本身或者元素的子元素，可以粗发一个动画、改变元素样式等，利用hover防蘑菇街二级菜单，详情见DEMO。 DEMO展示

2016-03-22 00:49:15 2341 2 8

阅读详情

WEB前端 CSS基础属性

css伪类锚伪类 a:link{color:#f00},未访问的链接 a:visited{color:#f00},已访问的链接 a:hover{color:#f00},鼠标移动到链接上 a:active{color:#f00},选定的链接点我尝试一下重点：在 CSS 定义中，a:hover 必须被置于 a:

2016-03-20 23:23:09 3923 0 2

阅读详情

HTML/CSS CSS简介

CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一 css引入方式内嵌式：(写在标签里) <div style="width:

2016-03-12 22:18:22 3391 0 5

阅读详情