CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/04 CSS

下面是两个个小技巧，一个是很多报刊中的首字下沉，其实很简单，原理就是在样式中添加后缀即可。还有一个是对第一行文字进行单独样式。给这段标签添加后缀即可。这两个小技巧分别都兼容低版本。非常实用的小技巧哟。下面是一段小例子。 css代码：复制代码代码如下: .dyfirst,.dy...

有关绝对定位的全面理解

前端技术 2023/09/04 CSS

<!DOCTYPE html><html><head><meta charset=\"UTF-8\"><title>有关绝对定位的理解</title></head><style type=...

css控制表格细边框样式

前端技术 2023/09/04 CSS

复制代码代码如下: table{border-collapse:collapse;} td{background:#F2F2F2;border:solid 1px #CCCCCC;width:100px;height:22px;}

前端技术 2023/09/04 CSS

今天给大家带来一款纯css3实现的鼠标悬停动画按钮。这款按钮鼠标经过前以正方形的形式，当鼠标经过的时候以动画的形式变成圆形。效果图如下：实现的代码。 html代码：复制代码代码如下:<div> <span></span> ...

CSS元素居中布局的简单方法

前端技术 2023/09/04 CSS

首先我们需要知道元素都有哪些种类？内嵌元素（display:inline;）如a，span，b，i 【一个不可定制的盒子】 [默认同行可以继续跟同类型标签] [内容撑开宽度] [不支持宽高] [不支持上下的margin和padding] ...

css控制div鼠标放上去变色

前端技术 2023/09/04 CSS

主要是定义了类.keleyi以及.keleyi:hover。复制代码代码如下:<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"<a href=\"http://www.w3.or...

前端技术 2023/09/04 CSS

起初，IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后，它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战，但事实情况是，新版的现代IE浏览器一直滞后于谷歌浏览器和火狐浏览器。我们还不得不想办法兼容早期的IE浏览器。下面提到的三...

前端技术 2023/09/04 CSS

本文和大家重点讨论一下CSS display:inline和float:left两者的区别，CSS display是指显示状态，inline表示内联，特点是紧贴着前一个内联元素，通常默认的内联元素有span,a,em,strong等。而float表示的是浮动，f...

前端技术 2023/09/04 CSS

因为是png图片，所以在设置为background的时候，有时候跟该div/p/任何的父类的背景色相差不大的时候，png图片就好像没有加载出来一样，这个时候我们可以给此div/p/任何设置一个背景色能够与父类区别出来复制代码代码如下: <div id=\...

前端技术 2023/09/04 CSS

在这篇文章中我们将创建纯css3的等待效果动画，不用javaScript，不用jquery，不用图片。效果如下： html标记在这篇文章中用到的html只需要添加一个<div>该div加入一个class=“loading”，如下所示：复制代码代码如下:<d...

关闭

我的博客