Css 多个class值

<h1 class="name1 name2">hahah</h1>

　　多个css样式值时显示会先解析name1 的值，然后再解析name2 的值，name2 中的属性会覆盖name1中相同的属性，如果不相同的都会显示出来

h1.name1{
	font-family: Georgia, serif;
	text-align: center;
}

h1.name2{
	color: #00ff00;
	font-weight: normal;
}

　　显示效果：name1 和 name2 中所有属性都会被使用，如果name2对其改为left 则left会覆盖center

时间： 2024-11-06 10:09:51

Css 多个class值的相关文章

HTML+CSS笔记 CSS中级颜色&长度值

颜色值在网页中的颜色设置是非常重要,有字体颜色(color).背景颜色(background-color).边框颜色(border)等,设置颜色的方法也有很多种: 1.英文命令颜色语法: p{color:red;} 2.RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,由 R(red).G(green).B(blue) 三种颜色的比例来配色 p{color:rgb(133,45,200);} 每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数. 每

CSS border边框取值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <st

CSS常用属性和值

下载高清图:css常用属性和值(思维导图总结) 1.字体 <html> <head> <title>font</title> <style> h1{ font-family:times,courter; font-size:150% font-style:italic; font-variant:normal; font-weight:normal; } h2{ font-family:serif,times; font-size:1cm; fo

CSS背景颜色属性值转换

<!DOCTYPE html> <html><head><meta charset="UTF-8"> <title>CSS背景颜色属性值转换</title> <style type="text/css"> .top_tips { position:relative; width:1000px; margin:20px auto; padding:10px; color:#272727

CSS 文本属性与值

HTML编辑文本,通过CSS的设置属性赋予HTML网页活力,改变文字类型.背景以及插入图片.视频.音频等,使网页更具生动. CSS中的文本属性 font-weight: bold; //改变字体粗细 normal //正常字体.标准字体 font-style:oblique; //字体风格(oblique倾斜) text-decoration:underline; //文字修饰(underline 下划线) overline; (上划线) line-throug; (删除线) none; (取消

CSS display属性的值及作用

CSS中的长度值

以下总结来自慕课网(依然比较浅显). 长度单位总结一下,目前比较常用到px(像素).em.% 百分比,要注意其实这三种单位都是相对单位. 1.像素像素为什么是相对单位呢?因为像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”).实际情况是浏览器会使用显示器的实际像素值有关(这句话怎么说着这么别扭呢!),在目前大多数的设计者都倾向于使用像素(px)作为单位. 2.em 就是本元素给定字体的font-size值,如果元素的font-size为14px ,那么1em = 14px:如果f

CSS的函数取值attr()

attr()的定义和用法:插入元素的属性值. 在CSS2.1中attr()总是返回一个字符串.在CSS3中attr()可以返回多种不同的类型.浏览器支持:IE浏览器支持此属性.谷歌浏览器支持此属性.火狐浏览器支持此属性.特别说明:1.IE7和IE7以下的浏览器不支持此属性.2.CSS3的atrr()现在暂无浏览器支持.实例代码: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> &

CSS margin属性取值

margin表示一个元素的外边距.取值为正值时,表示相对于正常流离邻近元素更远,而取负值时,使其更近但是,设置margin后,四个方向的表现形式不同自身发生移动:top.left margin-top <div id="negtive_top"> <div>margin-top: -50px;自身向上移动50px</div> </div> CSS #negtive_top{ background-color: green; borde