伪类的用法以及css一些常用的标签

伪类的用法：

:link 表示该超链接文字尚未被点选
:visited 表示该超链接文字已被点选过
:active 表示该超链接文字正被点选,但未被放开
:hover 表示当鼠标停留在文字上

css的一些常用属性标签：

background:背景颜色

padding(内边框)：padding-top(上边距) padding-left(左边距)

text-align left 文字靠左
right 文字靠右
center 文字靠中

background-size：cover 背景填充

原文地址：https://www.cnblogs.com/z617182272/p/11350758.html

时间： 2024-10-27 08:25:40

伪类的用法以及css一些常用的标签的相关文章

【转】链接伪类（:hover）CSS背景图片有闪动BUG

来源:http://www.css88.com/archives/744 ------------------------------------------------------------------------------------------------- IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存. 例如: CSS代码 a:hover{background:url(imagepath)} 常用的解决方案: 在页面

关于css中after和before伪类的用法

::before和::after伪元素的用法 一.介绍 css3为了区分伪类和伪元素,伪元素采用双冒号写法. 常见伪类——:hover,:link,:active,:target,:not(),:focus. 常见伪元素——::first-letter,::first-line,::before,::after,::selection. ::before和::after下特有的content,用于在css渲染中向元素逻辑上的头部或尾部添加内容. 这些添加不会出现在DOM中,不会改变文档内容,不可

css伪类大全用法详解

CSS伪类及伪元素选择器,如超链接的a:link.a:visited.a:hover等等, 一.超链接 a:link{ color:red;} a:visited{ color:blue;} a:hover{ color:black;} a:active{ color:#6600CC;} 注意:设置的顺序不能变,遵循爱恨(love/hate)原则. ——此原则自己在网上看别人说的,便于记忆就写在这了 二.更多伪类 :root   ------------------------------ 文档

伪类常见用法及动态更改内容、样式的方法

伪类after等常用来清除浮动.增加附加内容,利用伪类常会减少div容器的使用,使得我们的页面内容结构清晰. 本文将会简介伪类的常见用法,并以jquery为例详述如何动态更改伪类内容(content)及伪类样式.   一.常见用法 1.1 清除浮动 <div class="my-container"> <div>内容1</div> <div class="sec" data-attr='前之啊是'>内容2</di

伪类target实现纯css模态框

今天看到一个纯css模态框,觉得是很牛呀 看了下用了target伪类, 一直不知道有这么神奇的伪类 .. 用法是这样的,给模态框一个id, <div id="pop" class="overlay"> 然后通过锚链接的方法 <a class="button" href="#pop">Click!</a> 点击之后,伪类的css就能发生作用了 .overlay:target { visibil

使用基于关系的选择器和伪类选择器创建纯CSS无JavaScript的鼠标移动到上面即可显示的下拉菜单

html代码: <div class="menu-bar"> <ul> <li> <h3 class="text-warning"><a class="drop-decoration text-warning">CSS</a></h3> <ul> <li> html/css从入门到精通 </li> <li> html

css3的伪（伪类和伪元素）大合集

本文讲css3的伪,不是讲它有多虚伪,而是说它的伪元素样式.不得不说以前虽知html伪元素,但很少用,后得知借助css3伪元素可以发挥极大的便利.故总结css3的伪如下: CSS中存在一些比较特殊的属性,称之为伪类,它们之中最常用的就是定义链接的伪:link,:visited,:hover,:active等.除了它们,还有一些不被常使用的伪类,有:focus,:first-child,:lang等. 如下将一一介绍各伪类的用法. CSS 伪类 (Pseudo-classes)实例: 超链接 本例

HTML表单及CSS选择器、伪类和伪元素

一.input标签 1.<input>实现按钮效果 -与表单相关的按钮效果 -<input type="button" value="按钮"> 2.<button>标签表示按钮 -与表单无关的按钮效果:<button>按钮</button> -类似于<input type="submit"> - 提交表单 3.<input type="image"&

CSS 伪类 (Pseudo-classes)实例

CSS 伪类 (Pseudo-classes)实例CSS 伪类用于向某些选择器添加特殊的效果在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态. a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #0000F