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

前端技术 2023/09/08 CSS

关于星星评分效果大家一定都不会陌生，当鼠标滑过的时候会使相应的星星变得高亮，下面就介绍一下如何利用css实现此功能，当然并不是完整的评分功能，仅仅是如何使滑过的星星实现高亮效果。代码实例如下: 废话不多说了，直接给大家贴代码了。复制代码代码如下:<!DO...

前端技术 2023/09/08 CSS

当一个元素只包含浮动元素的时候，它会出现高度折叠(在火狐中是这样，IE9不会),即元素的上下底边重合，和高度为0效果一样，下面是解决这个问题的4种方法。首先我么看最原始的情况，下面是代码: 复制代码代码如下: <html> <head>...

前端技术 2023/09/08 CSS

　　之前为大家分享很多纯css3实现的实用按钮，今天给大家带来一款纯css3实现的颜色渐变按钮。这款按钮的边框和文字的颜色通过css3实现两种颜色的渐变，效果非常好看，一起看下效果图：　　实现的代码。　　html代码： XML/HTML Code复制内容到剪贴板 &...

前端技术 2023/09/08 CSS

插入样式表前后的网页。为了更好地理解样式表的作用，我们先看一个CSS的应用实例。在本例子中，你很容易对比出使用CSS前后两个网页的区别，当然了，现在你可能读不懂CSS部分的代码。别担心，这些代码将在少后的教程中介绍。我们首先来看一下未加入CSS的页面。网页里只有一段话：“菜...

前端技术 2023/09/08 CSS

复制代码代码如下: <style> .select { width:168px; height:16px; background:none; border:none; } #sleHid { display:block; width:143px; overflow:...

前端技术 2023/09/08 CSS

一、常见块级元素有哪些： button,div , dl ,dt ,form , h1 ,h2 ,h3 , h4 ,h5 ,hr ,li ,ul ,table系列，button；二、常见行内元素有哪些： img ,a ,input ,textarea ,b ,br ,spa...

前端技术 2023/09/08 CSS

语法： CSS Code复制内容到剪贴板 writing-mode : lr-tb | tb-rl CSS Code复制内容到剪贴板 /* 关键字值 */ writing-mode: horizontal-tb; /* 默认值 */ writ...

前端技术 2023/09/08 CSS

我们都知道，IE 6,7不支持新增加的CSS3属性，甚至与IE8是CSS3还没有完全准备好。你知道吗，今天给大家分享一个脚本工具，可以帮助您启用CSS3的支持IE浏览器（IE6）与新的CSS3属性，包括：border-radius属性，box-shadow（阴影...

前端技术 2023/09/08 CSS

opacity声明来设置元素的透明值（改透明度的值介于0-1之间的小数, 0.5表示50%透明）。 opacity的特点是：当opacity设置元素的透明值，内部的文字及元素也会透明复制代码代码如下:.demo{ background-color:red; f...

CSS样式覆盖规则全面了解

前端技术 2023/09/08 CSS

大家都知道CSS的全称叫做“层叠样式表”，但估计很多人都不知道“层叠”二字的含义。其实，“层叠”指的就是样式的覆盖，当一个元素被运用上多种样式，并且出现重名的样式属性时，浏览器必须从中选择一个属性值，这个过程就叫“层叠”。样式覆盖（这种叫法更大众化些）遵循一定的规则，之前我对这...

关闭

我的博客