一，可继承属性
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS的可继承属性</title>
    <style>
        body {
            color: red;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div>我是块级标签</div>
    <span>我是行内标签</span>
    <button>我是行内-块级标签</button>
</body>
</html>

二。不可继承属性
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS不可继承属性</title>
    <style>
        #main {
            font-weight:bold;">yellow;
            width: 100px;
            height: 200px;
        }
        .text1 {
            font-weight:bold;">rebeccapurple;
        }
    </style>
</head>
<body>
    <div id="main">
        <div class="text1">我是里边的</div>
    </div>
</body>
</html>

三。一些常用的属性
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS的一些常用的属性</title>
    <style>
        div {
            font-weight:bold;">rebeccapurple;
            width: 200px;
            height: 100px;
            /*属性规定元素是否可见*/
            /*visibility: hidden;*/
            /*display: none;*/
            /*规定显示光标的类型(形状)*/
            cursor: help;
            font-family: "sans-serif";
            font-weight: bolder;
        }
        p {
            font-weight:bold;">yellow;
        }
    </style>
</head>
<body>
    <div>我是div标签</div>
    <p>我是段落标签</p>
</body>
</html>
												


											
CSS的属性的更多相关文章
	

    
						
  1. CSS will-change 属性
		
    介绍 如果你注意到在webkit的浏览器上“flicker”一些CSS操作(尤其是变形和动画方面的)的表现,你很可能之前就注意过硬件加速了 CPU.GPU和硬件加速 硬件加速意味着Graphics P ...
    
		
    2. 
						
  2. css动画属性性能
		
    性能主要表现:流量.功耗与流畅度 在现有的前端动画体系中,通常有两种模式:JS动画与CSS3动画. JS动画是通过JS动态改写样式实现动画能力的一种方案,在PC端兼容低端浏览器中不失为一种推荐方案.  ...
    
		
    3. 
						
  3. CSS字体属性大全
		
    文章转自:http://www.10wy.net/Article/CSS/CSS_list_8.html查看更多更专业性的文章请到:网页设计网 CSS字体属性 字体名称属性(font-family)  ...
    
		
    4. 
						
  4. css z-index属性使用过程中遇到的问题
		
    z-index属性在web开发中会经常使用,其主要的作用简单的说就是把元素的position设置为absolute.fixed之后,可以调节元素在文档上的层级关系.比如经常见到的dialog,mask ...
    
		
    5. 
						
  5. 【转】CSS z-index 属性的使用方法和层级树的概念
		
    文章转自:CSS z-index 属性的使用方法和层级树的概念,另外加了一点自己的注释 CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面 ...
    
		
    6. 
						
  6. css之属性部分
		
    这篇写的是今天的学习到的属性,一共20个. 属性再多,但也要会使用,会在使用时可以记起它,才能起到它为我们所需要的作用. 样式属性 1.border CSS边框属性允许你指定一个元素边框的样式和颜色. ...
    
		
    7. 
						
  7. CSS背景属性Background详解
		
    [转] 本文详解了CSS的背景属性Background,包括CSS3中新增的背景属性.如果你是个CSS初学者,还可以查看之前介绍的CSS浮动属性和CSS透明属性详解. CSS2 中有5个主要的背景(b ...
    
		
    8. 
						
  8. CSS3 border-radius 属性和CSS outline 属性
		
    CSS3 border-radius 属性 border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性. 提示:该属性允许为元素添加圆角边框! 注释:按此顺序设 ...
    
		
    9. 
						
  9. Normalize.css：优化重置CSS默认属性
		
    Normalize.css:优化重置CSS默认属性 官方网站:http://necolas.github.io/normalize.css/ 项目仓库:https://github.com/necol ...
    
		
    10. 
						
  10. CSS边框属性一---border-radius
		
    1.CSS outline 属性 outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. p { outline:#00FF00 dotted thick; }  ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 绿色版的mysql安装配置方式
			
    解压下载好的压缩包 copy 一份my-default.ini改名字为my.ini为mysql的配置文件 打开my.ini 修改配置文件 默认的原版文件为 # For advice on how to ...
    
			
    2. 
						
  2. Tiny6410之LED裸机驱动
			
    操作步骤: 第一步:查看开发板电路原理图 找到LED 的管脚所对应的寄存器 nLED_1 - GPK4 nLED_2 - GPK5 nLED_3 - GPK6 nLED_4 - GPK7 由原理图可知 ...
    
			
    3. 
						
  3. Jquery 获取上传文件大小
			
    <input type="file" id="file1" /> <script> var size = $("#file1& ...
    
			
    4. 
						
  4. HDU 4442 Physical Examination(贪心)
			
    HDU 4442 Physical Examination(贪心) 题目链接http://acm.split.hdu.edu.cn/showproblem.php?pid=4442 Descripti ...
    
			
    5. 
						
  5. drupal7 boost模块为登录用户提供缓存
			
    这段时间研究Drupal7的缓存相关,看了好多资料,都提到了boost和authcache两个模块,今天来说一下boost. 具体的下载安装,配置等,官网写的听清楚,boost模块地址 ,安装配置方法 ...
    
			
    6. 
						
  6. Redis集合相关命令
			
    1.无序集合集合的特性:①确定性②互异性③无序性redis的set是string类型的无序集合set元素最大可以包含(2^32-1)个元素 sadd key value1....valueN 将将元素 ...
    
			
    7. 
						
  7. 如何阅读一本书（[美] 莫提默·J. 艾德勒 / 查尔斯·范多伦 ）
			
               进入豆瓣读书 前言 2017年1月2日跟着熊猫书院开始了为期十月的阅读计划. 熊猫书院是一个微信公众号,但仅对熊猫书院学员开放.它是一个很好的读书产品,从入学申请.入学报到.班长 ...
    
			
    8. 
						
  8. Python统计栏目页面数量
			
    主要为了装个B,统计栏目页面数量时候用的,多线程基本照抄 http://www.cnblogs.com/fnng/p/3670789.html 关于对SEO有什么用处...我觉得...仅对本人有用,P ...
    
			
    9. 
						
  9. 一个突发性的误解C# 引用类型
			
    最近再看IOCP,结果里面的一个赋值过程,造成了误解. test t1 = new test(); test t2 = new test(); test t4 = new test(); t1= t2 ...
    
			
    10. 
						
  10. [妙味JS基础]第五课：函数传参、重用、价格计算
			
    知识点总结 函数传参,传的参数＝数据类型(即:数值.字符串.布尔.函数.对象.未定义) 通过传参来重用代码 1.尽量保证 HTML 代码结构一致,可以通过父级选取子元素 2.把核心主程序实现,用函数包 ...
    
			
    11.