CSS3的transition和animation的用法实例介绍
前端技术 2023/09/09 CSS
transition transition 属性是 transition-property, transition-duration, transition-timing-function, transition-delay 的简称,用于设定一个元素的两个状态,不同的状态可以用...
  • 0
让多个div在同一行显示的样式及html代码
前端技术 2023/09/09 CSS
以下为css样式： 复制代码代码如下: div{ margin-bottom: 10px; clear:both; word-break:break-all; word-wrap:break-word; } 复制代码代码如下: <pre name=\"co...
  • 0
CSS line-height行高上下居中垂直居中样式属性
前端技术 2023/09/09 CSS
常常使用line-height设置内容（图片、文字）行高上下居中样式效果。 一、line-height行高语法 复制代码代码如下:line-height:22px.phpstudydiv{line-height:22px}line-height:200%.phpstudydi...
  • 0
CSS3实例分享--超炫checkbox复选框和radio单选框
前端技术 2023/09/09 CSS
之前为大家分享了好多css3实现的按钮。今天要为大家分享的是纯css3实现的checkbox复选框和radio单选框，效果超级炫。先让我们看看图吧! 这个实例完全由css3实现的没有任何js代码。下面我们一起看下实现代码吧 html代码： 复制代码代码如下:<div ...
  • 0
css3实现背景图片拉伸效果像桌面壁纸一样
前端技术 2023/09/09 CSS
使用css3 属性：background-size background-size：cover 即可实现像桌面壁纸一样拉伸 以下是w3c上面的解释： 语法 复制代码代码如下: background-size: length|percentage|cover|contain;
  • 0
css3 自定义字体font-face使用介绍
前端技术 2023/09/09 CSS
复制代码代码如下: @font-face { font-family: \'MyFont\'; src: url(\'HelveticaNeueLTPro-UltLt.otf\'); } body{ font-family: \'MyFont\',Arial,sans-seri...
  • 0
CSS中使用inline-block来进行居中的示例
前端技术 2023/09/09 CSS
迫切需要的方法：inline-block法居中。基本方法是使用 display: inline-block, vertical-align: middle样式和伪元素让内容块在容器中居中。我的实现用到了几个在其他地方见不到的新技巧解决了一些问题。 　　内容区声明的宽度不能大于容...
  • 0
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
前端技术 2023/09/09 CSS
为什么要将icon做成字体？ 在很多网站项目中，我们常常会用到各种透明小图标，然后网站要兼容各个浏览器，也可能会有多个尺寸，甚至还要考虑换肤等需求。那么我们就要将这些小图标输出为多种尺寸、颜色和文件格式，比如png8 alpha透明或者png8 index透明等。 比如，tw...
  • 0
详细介绍CSS中的伪选择器
前端技术 2023/09/09 CSS
说到伪选择器，真的让我体会到了CSS的无比强大，强大到自己貌似都不认识CSS了，有点C# 6.0中一些语法糖带给我们的震撼。。。首先 我们可以在VS里面提前预览一下。 可以看到，上面的伪类有很多很多，多的让我眼都快瞎了。。。下面就挑一些实用性比较强的说一说。   一  :nth...
  • 0
让IE6支持important的注意事项
前端技术 2023/09/09 CSS
IE6真的不认识不支持!important吗？答案是:No! 现在举几个例子说明这个问题，以下面的 XHTML 代码为例： 复制代码代码如下: <ul id=\"list\"> <li class=\"first\">这里是第一行文字&l...
  • 0

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案