首页 > 其他分享 >21

21

时间:2024-02-29 23:12:28浏览次数:13  
标签:style hover 21 color text list 链接

文本缩进
文本缩进属性是用来指定文本的第一行的缩进。

实例
p {text-indent:50px;}

链接样式
链接的样式,可以用任何CSS属性(如颜色,字体,背景等)。

特别的链接,可以有不同的样式,这取决于他们是什么状态。

这四个链接状态是:

a:link - 正常,未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻
实例
a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */

当设置为若干链路状态的样式,也有一些顺序规则:

a:hover 必须跟在 a:link 和 a:visited后面
a:active 必须跟在 a:hover后面
常见的链接样式
根据上述链接的颜色变化的例子,看它是在什么状态。

让我们通过一些其他常见的方式转到链接样式:

文本修饰
text-decoration 属性主要用于删除链接中的下划线:

实例
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

背景颜色
背景颜色属性指定链接背景色:

实例
a:link {}
a:visited {background-color:#FFFF85;}
a:hover {}
a:active {background-color:#FF704D;}

不同的列表项标记
list-style-type属性指定列表项标记的类型是:

实例
ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}

ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}

一些值是无序列表,以及有些是有序列表。

作为列表项标记的图像
要指定列表项标记的图像,使用列表样式图像属性:

实例
ul
{
list-style-image: url('sqpurple.gif');
}

上面的例子在所有浏览器中显示并不相同,IE 和 Opera 显示图像标记比火狐,Chrome 和 Safari更高一点点。

如果你想在所有的浏览器放置同样的形象标志,就应使用浏览器兼容性解决方案,过程如下

浏览器兼容性解决方案
同样在所有的浏览器,下面的例子会显示的图像标记:

实例
ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul li
{
background-image: url(sqpurple.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}

标签:style,hover,21,color,text,list,链接
From: https://www.cnblogs.com/guozi6/p/18045821

相关文章

  • [IOI2021] 分糖果
    Khong阿姨正在给附近一所学校的学生准备\(n\)盒糖果。盒子的编号分别为\(0\)到\(n-1\),开始时盒子都为空。第\(i\)个盒子\((0\leqi\leqn-1)\)至多可以容纳\(c[i]\)块糖果(容量为\(c[i]\))。Khong阿姨花了\(q\)天时间准备糖果盒。在第\(j\)天\((0\leqj......
  • 龙年惠来首聚|20240214|周三
    今年没失约在培民的组织下,我们决定年初五出来惠来聚一下。初五9点多起床吃了早餐后,开着小电驴就去找培民,车放某广场然后我们扫了共享电动,志豪早早就到了,因此我们要去车站集合。首先是我们仨集合后去了奶茶店喝奶茶聊天然后时间来到了中午决定去吃早茶类的午饭后浩沛就从家......
  • [SWPUCTF 2021 新生赛]PseudoProtocols
    [SWPUCTF2021新生赛]PseudoProtocols尝试直接访问hint.php,发现并没有效果联想到题目为PseudoProtocols(伪协议),尝试使用伪协议php://filter参数详解该协议的参数会在该协议路径上进行传递,多个参数都可以在一个路径上传递。具体参考如下:php://filter参数描述res......
  • The 2021 CCPC Weihai Onsite
    目录写在前面AJDGEMH写在最后写在前面比赛地址:https://codeforces.com/gym/103428。以下按个人向难度排序。最杂鱼的一集,vp时1h过了三题就开始坐牢了。妈的怎么这么多数学题,不会数学的飞舞被杀死了、、、A签到。有度数大于等于4的点则不合法,否则任选度数不大于2的......
  • 由POJ1821得出的一些dp优化技巧
    比如for(inti=1;i<=m;i++){ for(intj=0;j<=n;j++){ dp[i][j]=dp[i-1][j]; } for(intl=max(1,s[i]-l[i]+1);l<=s[i];l++){for(intr=s[i];r<=min(n,l+l[i]-1);r++){dp[i][r]=max(dp[i][r],dp[i-1][l-1]+p[i]*(r-l+1));......
  • 2.21
    JavaScript//Sampledatafortransactionsconsttransactions=[{amount:50,category:'Groceries'},{amount:20,category:'Entertainment'},//Addmoretransactionsasneeded];//Functiontodisplaytransaction......
  • 2.21
    《构建之法》是一本由乔尔·斯泰恩编写的计算机科学领域的经典之作。在这本书中,斯泰恩深入探讨了软件开发的核心原则和技术方法,以及构建高质量软件系统的实践指南。阅读完《构建之法》后,我对软件开发有了更深入的理解,并获得了以下几点感悟:1.模块化与抽象化的重要性:书中强调了将......
  • 2/21 和 2/22 模拟赛总结
    2/21T1排序题意将$4n$个数分成$n$组,要求对于每组中的四个数$a,b,c,d$,求$\max\sum\lvertab-cd\rvert$。$n\le10^5$,$0\lea_i\le10^7$。解析找规律题,评红。将所有数从小到大排序,从中分成两半。小的一半“彩虹桥”式两两配对,大的一半大大配对、小小配对,即是最优答案。......
  • 2024/2/21
    今天根据黑马的视频来完成一些小练习用js来:1.切换图片2.在文本后添加文字3.使所有的复选框被选中<%@pagecontentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>JSP-HelloWorld</title></......
  • Vue学习笔记21-列表排序
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>列表排序</title><script......