CSS样式_链接&列表

最新推荐文章于 2024-04-19 12:52:58 发布
最新推荐文章于 2024-04-19 12:52:58 发布
阅读量771 收藏
点赞数
分类专栏： CSS 文章标签： css a-link a-visited a-hover list-style

CSS链接

链接有四种状态：

  • a:link       普通的、未被访问的链接
  • a:visited 用户已访问的链接
  • a:hover  鼠标指针移动到链接上
  • a:active  链接被点击的时刻

当为链接的不同状态设置样式时，请按照以下次序规则：

  • a:hover 必须位于 a:link 和 a:visited 之后
  • a:active 必须位于 a:hover 之后
<!DOCTYPE html>
<html>
<head>
    <style>
        a.one:link    {color:#ff0000;}
        a.one:visited {color:#0000ff;}
        a.one:hover   {color:#ffcc00;}

        a.two:link    {color:#ff0000;}
        a.two:visited {color:#0000ff;}
        a.two:hover   {font-size:150%;}
    </style>
</head>

<body>
    <p>定义两种不同的链接样式。</p>

    <p><b><a class="one" href="/index.html" target="_blank">第一种链接样式</a></b></p>
    <p><b><a class="two" href="/index.html" target="_blank">第二种链接样式</a></b></p>
</body>

</html>

CSS列表

列表项标志类型 [list-style-type]
  • 标志可以是方块、圆圈等，如：
ul.disc   { list-style-type: disc   }
ul.circle { list-style-type: circle }
ul.square { list-style-type: square }
ul.none   { list-style-type: none   }
列表项图像 [list-style-image]
  • 使用一个url值指定图像的路径，如：
ul { list-style-image: url('/i/eg_arrow.gif') }
列表标志位置 [list-style-position]
  • 规定列表标志的位置，值可以有inside, outside, inherit。如：
ul.inside { list-style-position: inside }
简写列表样式 [list-style]
  • 为简单起见，可以将以上3个列表样式属性合并为一个方便的属性：list-style，就像这样：
ul {list-style : url(example.gif) square inside}

list-style 的值可以按任何顺序列出，而且这些值都可以忽略。只要提供了一个值，其它的就会填入其默认值。



更多请参考：W3School

时间解
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS列表样式
m0_57774967的博客
04-28 2578
css列表属性作用： 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 在html中，有两种类型的html列表： 无序列表：列表项的标记使用特殊图形（如小黑点、小方框等） 有序列表：列表项的标记使用数字或字母 使用css，可以列出进一步的样式，并可用图像作列表项标记 不同的列表项标记 list-style-type 属性指定列表项标记的类型 下面是对list-style-type属性的常见属性值的描述： none：不使用项...
css链接外部样式表（代码托管）
qq_54015136的博客
03-27 2314
github，链接外部样式，代码托管
CSS入门：link链接样式和4种状态的详解
最新发布
u013179804的博客
04-19 1512
我们在之前 HTML 基础 提到了，标签是一个超链接标签，它在不添加样式时，文本颜色：通常是浏览器默认的蓝色，表示链接状态下的文本颜色。下划线：链接文本会默认显示下划线，表示它是一个可点击的链接。光标样式：当鼠标悬停在链接上时，光标通常会变为手型指示点击状态。访问后的样式：当鼠标点击过过链接时，是紫色。那如果这些默认的样式，不符合设计稿要求，能不能修改呢？当然能。本文，就说一下这个。我们在之前 HTML 基础 提到了，标签是一个超链接标签，它在不添加样式时，文本颜色。
CSS——＞列表样式
qq_55016379的博客
06-06 315
列表样式 列表项符号：list-style-type 在html中，对于有序列表和无序列表都是使用type属性来定义的 定义列表项符号 语法结构 list-style-type:取值; 属性说明 list-style-type属性是针对ol或者ul元素的，而不是里元素。 有序列表元素 属性值 说明 decimal 阿拉伯数字:1、2、3…(默认值) lower-roman 小写罗马数字：i、ii、iii… upper-roman 大写罗马数字:I、II、… lower-alph
（1）一些css样式—链接、列表、表格、轮廓、字体
aaqia的博客
09-15 231
一、链接： 1.css连接到的四种状态 a:link 普通的、未被访问的连接 a:visited 用户已访问的链接 a:hover 鼠标指针位于链接的上方，就是准备点击时候的链接 a:active 链接被点击的时刻 2.常见的连接样式： text-decoration属性大多用于取代链接的下划线 text-decoration：none 去掉链接的下划线 3.设置背景颜色 background-color 设置背景颜色 二、CSS列表： CSS列表属性允许你放置、...
CSS|列表样式
Alan_Lowe
07-30 401
CSS|列表样式 我们可以看一下淘宝的左侧有一个导航框，如果我们要做一个这样的导航框，应该怎么样去操作呢？ 1.div 我们看到图中的块是只占了网页的左侧一小部分，可以使用div来设置它占用的宽度 #nav{ width: 200px; background-color: #b5dcff; } &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &
course_css样式_
10-02
《CSS样式：构建网页美学的艺术》 在网页设计领域，CSS（Cascading Style Sheets）样式扮演着至关重要的角色，它是赋予网页结构与样式的语言，使得网页内容得以优雅地呈现。&quot;course_css样式_&quot;这一主题，正是围绕CSS...
3_HTML&amp;CSS.pdf
08-24
现代CSS中，我们更倾向于使用`&lt;style&gt;`标签或外部CSS文件来设置这些样式。 总的来说，HTML和CSS是构建网页的基础，它们共同作用于网页的结构和外观。学习并熟练掌握这两者对于任何想要从事Web开发的人都是非常重要...
css.rar_css_css a_css api_cssapi
09-22
在JavaScript中，可以使用DOM（文档对象模型）API来修改元素的CSS样式，如`element.style.color = &#39;red&#39;;` 4. **CSSAPI**：这可能是指某些开发工具或框架提供的CSS扩展接口，例如CSS自定义属性（变量）、CSS calc()...
css1.rar_css1_css样式
09-24
&quot;快速学会css样式大全&quot;表明这是一份旨在帮助用户快速掌握CSS1核心知识的资源包，适合初学者和需要巩固CSS基础的开发者。而标签&ldquo;css1 css样式&rdquo;进一步强调了这一主题。 压缩包中的文件如下： 1. **5日精通CSS层叠...
css.rar_css VC_css bison_flex
09-21
在IT行业中，CSS（Cascading Style Sheets）是一种用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。CSS控制网页的布局和外观，使得开发者能够将内容与表现分离，提高了网站的可维护性...
5种简单实用的css列表样式实例
01-31
谁不希望有一个好看而又干净的列表？这篇文章中我们给出几个实用的例子，你可以把他们直接用到自己的工作中。我们从一个带有动画效果的垂直列表开始，接着是一个图文混排的例子，然后是一个只有图片的list例子跟一个水平菜单的例子，最后是一个以放大数字开头的列表。对于初学者而言这里可以学到很多东西，对于熟手，直接拿来用就是了。第一个例子的样式看起平淡无奇，不过喜欢简约风格的人也许会感兴趣，这类似于印刷字体风格，简结的同时也不失灵动的特点（当鼠标滑上去的时候）。注：个人喜欢这里的第二个图文混排的例子，但是发现老外更喜欢第一个，也许这就是文化差异吧。。。这里是源码demo地址：CodePen先看效果图：
CSS 表格样式
03-18
NULL 博文链接：https://janla.iteye.com/blog/694098
CSS,链接样式大全
08-07
css链接样式 字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位：PX、PD、EM 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体 {font-variant: small-caps;}(小型大写字母) normal;(正常) 大小写 {text-transform: capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无) 修饰 {text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体： (font-family) &quot;Courier New&quot;, Courier, monospace, &quot;Times New Roman&quot;, Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性： (background) 色彩 {background-color: #FFFFFF;} 图片 {background-image: url();}
html设置css字体样式表,HTML 学习笔记 CSS样式（字体）
weixin_29306875的博客
06-03 1743
css字体属性定义文本的字体系列 大小 加粗 风格 和 变形(如小型大写字母(类似于大写字母字体变小了))css字体系列在css中 有两种不同类型的字体系列名称1.通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace")2.特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier")指定字体系列font-family 属性定义字体系列bo...
数据库常用的四种方法
weixin_43457011的博客
09-08 1689
排序查询 select 列表属性，列表属性 from 列表名order by 列表属性，列表属性; 删除 delete from 列表名 where 列表属性=“值” 插入 insert into 列表名 values(值，值，值，值） insert into 列表名 （列1，列2，…）valves(值1，值2…) 修改 update 列表名 set 列表属性=新值 where 列表属性=某值 ...
CSS 三种样式表
yexiangCSDN的专栏
04-14 4840
一、CSS 三种样式表 按照 CSS 样式书写的位置（或者引入的方式），CSS 样式表可以分为三大类： 1. 行内样式表（行内式） 2. 内部样式表（嵌入式） 3. 外部样式表（链接式） 1. 行内样式表（行内式） 行内样式表（内联样式表）是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式 &lt;div style="color: red; font-size: 12px;"&gt;青春不常在，抓紧谈恋爱&lt;/div&gt; style 其实就是标...
css样式
切躁切勇,伏枥藏锋
11-04 3908
字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位：PX、PD、EM 粗细 {font-weight: b...
CSS基础内容总结（三）
zzk00007的博客
08-25 327
CSS链接 不同的链接可以有不同的样式。 链接样式 链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。 特别的链接，可以有不同的样式，这取决于他们是什么状态。 这四个链接状态是： a:link - 正常，未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 实例 a:link ...
css常用属性速查表1
08-04
接下来，我们看看定义CSS样式的三种主要方式： 1. 行内样式（内联样式）：直接在HTML元素内通过`style`属性定义样式，如`;&quot;&gt;I love java!&lt;/p&gt;`。 2. 内页样式（嵌入样式）：在HTML文档的`&lt;head&gt;`部分使用`&lt;style&gt;`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值