• 当前标签:css

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

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

2016-06-02 02:33:22 2356 7 21
阅读详情

CSS3 让盒子在网页中居中的方法

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

2016-05-10 11:14:32 2668 2 20
阅读详情

CSS3 vertical-align垂直对齐

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

2016-03-27 00:53:44 388 0 7
阅读详情

实战案例 css:hover伪类

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

2016-03-22 00:49:15 9 2 7
阅读详情

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 1113 0 1
阅读详情

CSS3 CSS简介

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

2016-03-12 22:18:22 1174 0 3
阅读详情
  • 1
前往