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

前端技术 2023/09/06 CSS

清除浮动方法方法一：使用带clear属性的空元素在浮动元素后使用一个空元素如<div class=\"clear\"></div>，并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用<br class=\"clear...

前端技术 2023/09/06 CSS

鼠标属性：通过cursor属性来实现 Style=”cursor :hand” 定位和显示 1.定位属性 CSS定位属性包括position、top、bottom、left、right和z-index Position属性指定元素如何在页面上定位，取值为：st...

前端技术 2023/09/06 CSS

div：width---300px,height---300px,border---50px,padding---50px,margin---50px 实际的宽度是：300(width)+50(padding-left)+50(padding-right)+50...

前端技术 2023/09/06 CSS

经常有一些时候需要使用渐变背景，使用长条图片有点太不高大上了，于是自己写了个小例子，兼容多浏览器就要为每一个浏览器写对应的 CSS，太低版本的浏览器只能使用图片做背景。下面是当前五大浏览器对 gradient 的支持复制代码代码如下: <style t...

前端技术 2023/09/06 CSS

div做的界面时，又出现CSS hack（CSS兼容浏览器问题）在IE内核浏览器或者firefox浏览器中都能居中，没有居中的可以用其特殊标签来设定居中，如下划线 _ IE6优先识别，!important 仅火狐firefox浏览器识别。可是在谷歌浏览器查看时，...

前端技术 2023/09/06 CSS

这或许是最常用的居中方法。如果知道了各个元素的大小，设置等于宽高一半大小的负margin值（如果没有使用box-sizing: border-box样式，还需要加上padding值），再配合top: 50%; left: 50%;样式就会使块元素居中。需要注意的是，这是按照预...

前端技术 2023/09/06 CSS

本文实例讲述了CSS文章列表切换选项卡效果实现方法。分享给大家供大家参考。具体分析如下：这是一款很不错的文章列表效果，类似选项卡一样的功能，这一个有点特别，就是把鼠标点击的菜单放到了右边，有一个小箭头指示当前怎位置，使文章结构更加清淅，确实很不错。复制代码代码如下:<...

前端技术 2023/09/06 CSS

background-size的值类型：1个或2个值，这些值既可以是像素px，也可以是百分比%或auto，还可以是特定值cover, contain。 background-size可以设置2个值，1个为必填，1个为可选。其中第1个值用于指定背景图的width...

前端技术 2023/09/06 CSS

方法一：复制代码代码如下: <a onfocus=this.blur() href=\"javascript:void(0)\" class=\"l-button\" style=\"width:80px\" onclick=\'log_1()\'> <im...

前端技术 2023/09/06 CSS

outline的使用，大家都喜欢在reset样式表中直接重置：复制代码代码如下: * { outline: none; } Eric Meyers 在他的CSS Reset 是这样重置的：复制代码代码如下: /* remember to defin...

关闭

我的博客