css标签和类有什么区别

2024-09-02

css笔记02：选择器（标签式和类）

body { margin:; padding:; background:#000 url('images/backgrounds/star.png') no-repeat fixed; font: 12px sans-serif; } 这里body就是选择器,这里将margin.padding.background及font等CSS属性应用到到这个body元素之中, 要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器. HTML页面中的元素就是通

CSS标签选择器&类选择器

基本选择器包括标签选择器.类选择器和ID选择器三类,其他选择器都是在这三类选择器的基础上组合形成 ##标签选择器示例: <style type="text/css"> p{ font-size:12px; color:red; } </style> 类选择器标签选择器虽然方便,但是也存在缺陷,因为每个标签选择器所定义的样式不仅仅影响某一个特定对象,而且会影响到页面中所有同名的标签. 类选择器可以为网页对象定义不同的样式类,实现不同元素拥有相同的样式.相同的元

css中伪类和伪元素的区别

转载:http://www.cnblogs.com/ihardcoder/p/5294927.html CSS3伪类和伪元素的特性和区别前端er们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及<a>标签的:link.visited等,伪元素较常见的比如:before.:after等. 其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念,CSS1和CSS2中对伪类的伪元素的区别比较模糊,甚至经常有同行将:before.:after称为伪类.CS

0009 CSS基础选择器（标签、类、id、通配符）

typora-copy-images-to: media 第01阶段.前端基础.CSS基础选择器 CSS选择器(重点) 学习目标: 理解能说出选择器的作用 id选择器和类选择器的区别应用能够使用基础选择器给页面元素添加样式 1. CSS选择器作用(重点) 如上图所以,要把里面的小黄人分为2组,最快的方法怎办? 很多, 比如一只眼睛的一组,剩下的一组选择器的作用找到特定的HTML页面元素一句话说出他们: ※※※※ CSS选择器干啥的? 选择标签用的, 把我们想要的标签选择出来必

a标签伪类link，hover，active，visited，focus区别

<div id="content"> <h3><a class="a1" href="#">a标签伪类link,hover,active,visited,focus区别</a></h3> </div> a.a1:link{ /*链接未被访问时的状态*/ color: blue; } a.a1:visited{ /*链接访问后的状态*/ color: green; } a.a1

CSS中伪类及伪元素用法详解

CSS中伪类及伪元素用法详解伪类的分类及作用: 注:该表引自W3School教程伪元素的分类及作用: 接下来让博主通过一些生动的实例(之前的作业或小作品)来说明几种常用伪类的用法和效果,其他的读者可以自己尝试: 伪元素和伪类的区别从作用也可以看出伪元素:伪元素是创造关于文档语言能够指定的文档树之外的抽象.例如文档语言不能提供访问元素内容第一字或者第一行的机制.伪元素允许设计师引用它们,否则这是难以办到的.伪元素还提供样式设计师给在源文档中不存在的内容分配样式(例

CSS选择器和jQuery选择器的区别与联系之一

到底什么是选择器?我们通过常接触的CSS选择器和jQuery选择器理解一下,我们知道CSS是用于分离网页的结构和表现的,也就是说对于一个网页,HTML定义网页的结构,CSS描述网页的样子,一个很经典的例子是说HTML就像一个人的骨骼.器官,而CSS就是人的皮肤,有了这两样也就构成了一个植物人了,加上javascript这个植物人就可以对外界刺激做出反应,可以思考.运动.可以给自己整容化妆(改变CSS)等等,成为一个活生生的人. 我们知道,jQuery选择器和CSS选择器的写法十分类似,都具有隐式

关于css中伪类及伪元素的总结

css中的伪类和伪元素总是混淆,今天参考了很多资料,也查看了部分文档,现将伪类及伪元素总结如下: 一.由来: 伪类和伪元素的引入都是因为在文档树里有些信息无法被充分描述,比如CSS没有"段落的第一行"."文章首字母"之类的选择器,而这在一些出版场景里又是必须的,这一情况下出现的.引用标准中的话: CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting

二.CSS的伪类

CSS的伪类(Pseudo-classes)分为两种:UI伪类和结构化伪类,伪类一般用于向某些选择器添加特殊的效果,伪类选择符用" : "进行标示,如果是“ :: ” 表示CSS3新增伪类 UI伪类 UI伪类会在HTML标签处于某种状态时,应用CSS样式,最常使用UI伪类的标签是a,利用链接伪类,用户可以在鼠标悬停是改变的颜色,去掉文本的下划线或提示信息面板等我们先来讨论下链接伪类.链接伪类总共有四个,因为链接始终是以下四种状态之一 link 等待用户点击 visited 用户

关于css的伪类和伪元素

现在才发现自己一直没有分清楚css的伪类和伪元素啊,so,总结一下. CSS 伪类用于向某些选择器添加特殊的效果. CSS 伪元素用于将特殊的效果添加到某些选择器. 可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果.这里特殊指的是两者描述了其他 css 无法描述的东西. 伪类种类伪元素种类区别这里用伪类 :first-child 和伪元素 :first-letter 来进行比较. p>i:first-child {color: red} <p> <i>

CSS 之伪类及伪元素

伪类和伪元素用起来非常的方便,在查阅资料及测试后整理下来. 一.伪类 CSS 伪类用于向某些选择器添加特殊的效果.伪类对元素进行分类是基于特征(characteristics)而不是它们的名字.属性或者内容:原则上特征是不可以从文档树上推断得到的. 伪类即 CSS 内植类,CSS 内部本身赋予它一些特性和功能,也就是不用再class=...或id=...就可以用伪类获取元素,当然也可以改变它的部分属性(如: a:link{color:#FF0000;

a标签伪类的LOVE HATE原则

a标签伪类的LOVE HATE原则 a标签有四个伪类,分别是: a:link 未访问的链接 a:visited 已访问的链接 a:hover 鼠标移动到链接上 a:active 选定的链接遇到的问题: 访问过的链接,始终显示点过的样式,鼠标滑过或者点击时都不会有样式变动,具体css样式如下: 查询后知道a标签伪类有一个排序规则,否则会影响到显示. 解决方案: 按照LOVE HATE排序的顺序进行伪类排序. 即L(link)OV(visited)E H(hover)A(active)TE 修改排

css hover伪类选择器与JQuery hover()方法

css hover伪类选择器它属于anchor伪类在支持 CSS 的浏览器中,<a>标签链接的不同状态都可以以不同的方式显示,常常用来改链接的颜色效果实例 a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:#FF00FF;} /* 鼠标划过链接 */ a:active {color:#0000FF;} /* 已选中的链接 */ #art a:hover

.css()与.addClass()设置样式的区别

对于样式的设置,addClass与css方法两者之间有什么区别? 可维护性: .addClass()的本质是通过定义个class类的样式规则,给元素添加一个或多个类.css方法是通过JavaScript大量代码进行改变元素的样式通过.addClass()我们可以批量的给相同的元素设置统一规则,变动起来比较方便,可以统一修改删除.如果通过.css()方法就需要指定每一个元素是一一的修改,日后维护也要一一的修改,比较麻烦灵活性: 通过.css()方式可以很容易动态的去改变一个样式的属性,不需要在

css标签及属性

css标签及属性 HTML引入CSS的方法 1.嵌入式 <style type = “text/css”>要写的样式</style> 2.外联式 <link rel = “stylesheet” type = “text/css” href = “css/public.css” /> 3.行内式(主要用于JS控制元素的样式):style="color:red;" 九大选择器 1.通配符*{设置全局} 2.html标签选择器(多个标签

引入外部CSS的两种方式及区别

1.CSS的两种引入方式通过@import指令引入 @import指令是CSS语言的一部分,使用时把这个指令添加到HTML的一个<style>标签中: 要与外部的CSS文件关联起来,得使用url而不是href,并且要把路径放在一个圆括号里面: <html> <head> <style type="text/css"> @import url(css/styles.css); </style> <!--此处的type属性

HTML&CSS基础-伪类选择器

CSS3 动态生成内容(在Web中插入内容)====CSS的伪类或者伪元素

# css3 .类:伪类::伪元素 /* CSS3伪元素/伪类 :https://www.w3.org/TR/css3-selectors/#selectors ::selection 伪元素(F12看不到,::selection 只是给E添加了css样式) ::aftet/:after ? 伪元素(F12看到,添加了新结点 ::after 结点) :first-child 伪类(.class)(F12看不到,只是给E添加了css样式或 Jquery的js) */ /* CSS3伪元素/伪类

DLL导出函数和类的定义区别 __declspec(dllexport)

DLL导出函数和类的定义区别 __declspec(dllexport) 是有区别的, 请看 : //定义头文件的使用方,是导出还是导入 #if defined(_DLL_API) #ifndef DLL_API #define DLL_API __declspec(dllexport) #endif #else #define DLL_API __declspec(dllimport) #endif // !DLL_API #ifndef _API #ifdef _MSC_VER #defin

CSS :first-child 伪类

CSS :first-child 伪类向元素的第一个子元素添加样式,示例如下: 例 1 - 匹配第一个 <p> 元素(第一个段落显示为红色) <style type="text/css"> p:first-child { color:red }; </style> <p>I am a <em>strong</em> man. I am a <em>strong</em> man.&l

CSS :focus 伪类

:focus -- CSS :focus 伪类,适用于已获取焦点的元素的样式语法: :focus CSS版本:CSS2 说明: 适用于已获取焦点的元素的样式,例如:表单的input输入框可以输入文字时.接受键盘事件时客户端(浏览器)可以根据用户与其交互的动作改变其渲染效果,CSS为这种情况提供了三个伪类:hover.active.focus 上述三种伪类不是互斥的,一个元素同时可以适用其中的若干个 :focus伪类,适用于已获取焦点的元素的样式.当一个元素获取焦点时,证明它是可控制的,例如一

css标签和类有什么区别

热门专题