CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
前端技术 2023/09/04 CSS
css3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性问题，CSS...
  • 0
使用CSS的overflow属性防止float撑开div的方法
前端技术 2023/09/04 CSS
许多应征前端工程师的人，在面试时都会被问到这类float的问题。例如：div元素内的两个子元素p都float:left，外面的div会变成没有高度，此时该怎么办呢？通常解法是在排版流里面的元素加一个after的伪元素，将它设成display: block以及clear:both...
  • 0
10个必备的CSS技巧总结
前端技术 2023/09/04 CSS
 CSS是网页设计师的基础，对CSS的了解能使他们能够设计出更加美观别致的网页。使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情。在CSS的深海世界里有很多有意思的东西，你只需要找到最适合你的就好。当然我们不可能一下子就记住所有CSS的规则和语法，但为了以后的发展我们还...
  • 0
CSS3 @font-face属性使用指南
前端技术 2023/09/04 CSS
HTML 复制代码代码如下: <body> <!-- ul.layout>li*5>a[href=#]>i.icon --> <!-- Sublime Text 快捷拼写 --> <ul cla...
  • 0
css3实例教程 一款纯css3实现的发光屏幕旋转特效
前端技术 2023/09/04 CSS
　　今天给大家带来一款纯css3实现的发光屏幕旋转特效。该屏幕由纯css3实现带发光旋转特效，效果图如下： 　　实现的代码。 　　html代码： XML/HTML Code复制内容到剪贴板 <div class=\"screen\">       </...
  • 0
纯CSS实现的大小渐变、渐远效果
前端技术 2023/09/04 CSS
效果图： 效果差不多也就是上图的这个样子，基本原理如图所示： 将所有的盒子都绝对定位，然后将宽高各50%的递缩小，并且在top、right、bottom和left针对性的偏移即可，代码如下：复制代码代码如下:<!DOCTYPE html PUBLIC \"-//W3...
  • 0
css浮动(float/clear)使用讲解
前端技术 2023/09/04 CSS
本文以div元素布局为例。教程开始： 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的...
  • 0
div+css实现两列table效果示例
前端技术 2023/09/04 CSS
css复制代码代码如下:.mycode{ margin-top:20px; padding-right:200px ; padding-left:50px; float:left; display:inline}.mycode ul{ width:500px; heig...
  • 0
两种CSS3伪类选择器详细介绍
前端技术 2023/09/04 CSS
css伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，现在向大家介绍一下两种新增的Css3伪选择器。 1、UI元素状态伪类 我们把\":enabled\",\":disabled\",\"...
  • 0
Css3圆角边框制作代码
前端技术 2023/09/04 CSS
经常看到别人的网站有个边框来修饰文字区域，类似圆角矩形把文字环绕起来，特别有感觉，于是就试着用图片边框来修饰，但是用图片过多会拉慢网页的加载速度，能不能使用css3来实现边框圆角效果呢？当然border-radius要在firefox或Safari 和 Chrome才能实现W3...
  • 0

我的博客

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

我的标签

随笔档案