html超链接样式顺序,CSS页面布局常用知识汇总（超链接样式）

CSS中的知识非常多，我们不可能全都记得住。闲暇时整理了一些CSS页面布局的常用知识，这篇文章就和大家分享一下CSS超链接样式的常用知识。需要的朋友可以参考一下，希望可以帮助到你。

设计网页时，我们可以通过伪类对链接的样式进行控制，引导用户浏览网页，增加互动的丰富元素。

1、链接的属性

超链接的标签为，网页上的超链接一般用来链接文字或者图片。超链接有4个伪类，分别代表链接的不同状态。

a: link(超链接未被访问前的样式)

a: visited(链接地址被访问过后的样式)

a: hover(鼠标悬停时的样式)

a: active(鼠标点击与释放之间的样式)

2、链接的设置顺序和继承性

设置顺序

四个伪类的设置需要有固定顺序，不然就会得不到期望的效果。顺序为: a: link、a: visited、a: hover、a: active.

继承性

我们知道，文本的修饰是不可继承的，一旦为元素定义了文本样式，在其子元素中该样式便不可取消。但是使用伪类定义超链接时，使用文本修饰，子元素可以覆盖原来的链接样式。

3、一个实例

a:link{color:red;}

a:visited{color:green;}

a:hover{color:yellow;}

a:active{color:orange;}

超链接

html超链接样式顺序,CSS页面布局常用知识汇总（超链接样式）相关推荐

CSS页面布局（超详解）
目录 1 CSS页面布局概述 1.1 概述 1.2 网页栏目划分 1.3 元素类型转化 1.3.1 块元素 1.3.2 行内元素 1.3.2 块元素和行内元素的转换 1.4 定位 1.4.1 静态定位 ...
常见的CSS页面布局方式
详情:CSS页面结构是我们日常生活中最常使用到的,当然目前可能大家用的最多的是elementUI实现布局,简单方柏霓,下面介绍几种常见的原生页面布局的方式公共的样式部分 <style>* ...
20个不错的CSS页面布局相关资源推荐
本篇文章搜集整理的是CSS页面布局的一个很长的列表.如果你时间很少,那么可以下载已经准备好的CSS页面布局,如果你想进行个性化的尝试,下面列出了一些站点你可以不需过多努力而达到效果. 漂亮.免费的CS ...
vue在html中写style,vue开发之style（六）（CSS页面布局之样式、背景、文字）
最近在学vue开发,并且将学习笔记与大家一起分享,前面讲了vue环境的搭建: 基于vscode的Vue前端环境搭建问题及解决办法还有vue的使用,重点就在webpack这个: vue开发之webpa ...
DIV+CSS网页布局常用的一些基础知识
CSS命名规范一．文件命名规范全局样式:global.css: 框架布局:layout.css: 字体样式:font.css: 链接样式:link.css: 打印样式:print.css: 二．常 ...
前端必经之路：CSS页面布局(深入理解浮动布局、定位布局、圣杯布局和双飞翼布局等重要布局方案)
建筑师在对一栋建筑物进行施工之前,首先会根据建筑图纸上的平面图.立体图.剖面图和构造详图等对建筑物进行整体布局后再从局部施工(当然不排除有先装修完厕所再砌卧室围墙的奇葩).在一个网页页面的搭建过程中, ...
day54 css页面布局
目录一网页布局方式二标准流三浮动流一网页布局方式 #1.什么是网页布局方式布局可以理解为排版,我们所熟知的文本编辑类工具都有自己的排版方式,比如word,nodpad++等等而网页的 ...
使用绝对定位时浏览器大小改变排版会乱_HTML amp; CSS页面布局之定位
我们在编写网页代码时,首先应该做的就是设计好页面的布局形式,然后再往里面填充内容.网页布局的好与坏,直接决定了网页最终的展示效果.这里总结一下 WEB前端CSS部分的定位问题,同时这些问题也是对一些基 ...
div+css页面布局课堂笔记11---页面布局网站首页设计实例__终极版（仿csdn首页）
1. firstPage.html文件: <span style="font-size:14px;"><!doctype html> <html> ...

html超链接样式顺序,CSS页面布局常用知识汇总（超链接样式）

html超链接样式顺序,CSS页面布局常用知识汇总（超链接样式）相关推荐

最新文章

热门文章