Css基础-类选择器

类选择器以一个.显示

<p class="pclass">这是第一个class</p>

.pclass {

color:red;

}

<div class="divclass">fsdfds</div>

.divclass {

color:red;

}

时间: 2024-10-31 22:23:28

Css基础-类选择器的相关文章

CSS伪类选择器active模拟JavaScript点击事件

一.说明 设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式. IE7及更早浏览器只支持a元素的:active,从IE8开始支持其它元素的:active. 另:如果需要给超链接定义:访问前,鼠标悬停,当前被点击,已访问这4种伪类效果,而又没有按照一致的书写顺序,不同的浏览器可能会有不同的表现.超链接的4种状态,需要有特定的书写顺序才能生效.注意,a:hover必须位于a:link和a:visited之后,a:active必须位于a:hover之后.可靠的顺序是:l(link)ov(v

css基础与选择器——精通css学习笔记(一)

开篇,作者就告诉了我们正确的学习方式——先用后学.在有了一定的基础之后,就要去尝试着做一些小东西.学的过程中要保持入和出的平衡,不输出就等于没有输入.很多经验总是相同的,类似这样正确的道理,总是在能在各种场合被告诫. 学习css的正确方法,也正是在有了一定的基础知识之后,就要多看源码,多看别人的小例子,尝试着大胆的在自己的网站上应用. 新技术的出现,往往是因为旧技术的局限性所导致,css也是如此.在早期,html被承担了太多"功能".font标签用来控制各种样式,繁琐的表格嵌套用来布局

CSS基础和选择器

什么是CSS? CSS是指层叠样式表(Cascading Style Sheets),样式定义如何显示HTML元素,样式通常又会存在于样式表中.也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里. css的优势 1.内容与表现分离 2.网页的表现统一,容易修改 3.丰富的样式,使页面布局更加灵活 4.减少网页的代码量,增加网页浏览器速度,节省网络带宽 5.运用独立页面的css,有利于网页被搜索引擎收录 CSS语法 CSS基础语法 CSS语法可以分为两部分: 选择器 声明 声

多选框其他,css基础,选择器基础

多选框 在多选框中如果想默认选中时,可以加入 checked 属性,属性值也为 checked 在选择时,如果想要达到,点击文字也能选中的效果,要利用  label  标签, 要在选项标签的 id  和  label  之间建立联系 <input id="app" type="checkbox"/> <label   for=“app”>这里写可以点击的文字</label>    <!-- input 选项标签的 id  作

CSS基础2——选择器

前面说过样式规则,也知道了样式规则语法形式为:选择器+声明块 如:div{ color:black:padding:10px; }   div即表示选择器(此处是元素选择器),花括号中的内容就是声明块. 选择器用于指定样式规则可作用于HTML文档中的哪个或者哪些元素.常见的选择器类型有以下几种: 1.元素选择器(类型选择器):匹配选择器的网页上的任何HTML元素,不考虑这些元素在文档树中的位置. 如:p{ background:aqua; color:pink; }   匹配网页上的任何p元素,

CSS基础,选择器

一.css:      是层叠样式,用于美化修饰页面的二.html与css的区别    html作用:                   决定了网页的内容和结构    css作用:        美化网页,具体说是美化修饰html标记三.css语法:    选择器{          属性1:值1:           属性2:值2:          }      四.基本选择器:        html标记选择器.类选择器.id选择器 html标记选择器:       声明时:选择器名是h

css多类选择器

1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 <head> 4 <style type="text/css"> 5 .a.b{ /*注意此处.a和.b之间没有空格*/ 6 background-color:blue; 7 } 8 .a{ 9 border:1px solid black; 10 } 11 .b{ 12 color:red; 13 } 14 </style>

CSS基础及选择器

CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明. 选择器通常是您需要改变样式的 HTML 元素. 每条声明由一个属性和一个值组成. 属性(property)是您希望设置的样式属性(

css伪类选择器

伪类通过冒号来定义,他定义了元素的状态,如点击按下.点击完成等等.我们之前都是直接操作元素的样式现在可以为元素的状态改变样式,使元素看上去更"动态". 伪类选择器: 1.E:link2.E:visited3.E:hover4.E:active5.E:not()6.E:first-child7.E:last-child8.E:only-child9.E:empty10.E:checked11.E:nth-child(n) 1.E:link 设置超链接a在未被访问时的样式(特指a标签) a