CSS介绍

1、css概述：

　　CSS指层叠样式表

　　CSS样式表极大地提高了工作效率

selector{

　　　　property：value

　　　　}

注：property(属性)大于1之后，property之间用分号隔开；

　　如果value（值）大于1个单词，则需要加上引号；

h1,a,h2{

    color:blue;

    font-size: 50px;

    font-family: "Adobe Myungjo Std M";

}

html中引入css文件

<link href="mycss.css" type="text/css" rel="stylesheet">

实例：



<!--index.html-->


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <link href="mycss.css" type="text/css" rel="stylesheet">

</head>

<body>

    <h1>

        应用了样式表hello

    </h1>

    <a href="#">这是一个a标签的样式</a>

    <h2>hi,guys!</h2>

    <h3>I Love You!</h3>

    <p>Hello CSS3</p>

</body>

</html>






/*mycss.css*/

h1,a,h2{

    color:blue;

    font-size: 50px;

    font-family: "Adobe Myungjo Std M";

}

body{

    color: khaki;

}

p{

    color: brown;

}




结果图：


												


											
一、CSS介绍的更多相关文章
	

    
						
  1. 前端 CSS 介绍
		
    CSS介绍 我们为什么需要CSS? 使用css的目的就是让网页具有美观一致的页面,另外一个最重要的原因是内容与格式分离 在没有CSS之前,我们想要修改HTML标签的样式需要为每个HTML标签单独定义样 ...
    
		
    2. 
								
  2. 前端学习之路-CSS介绍，Html介绍，JavaScript介绍
		
    CSS介绍 学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式 利用标签中的style属性来改变显示样式 & ...
    
		
    3. 
						
  3. 前端基础之css介绍
		
    CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS语法 CSS实例 ...
    
		
    4. 
						
  4. 7-[CSS]-css介绍，引入方式
		
    1.CSS介绍:层叠样式表(Cascading Style Sheets) 我们为什么需要CSS? 使用css的目的就是让网页具有美观一致的页面,另外一个最重要的原因是内容与格式分离 在没有CSS之前 ...
    
		
    5. 
						
  5. 1.css介绍
		
    CSS介绍 我们为什么需要CSS? 使用css的目的就是让网页具有美观一致的页面,另外一个最重要的原因是内容与格式分离 在没有CSS之前,我们想要修改HTML元素的样式需要为每个HTML元素单独定义样 ...
    
		
    6. 
						
  6. CSS介绍&选择器&选择器优先级
		
    CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS语法 '''se ...
    
		
    7. 
						
  7. 前端之CSS介绍
		
    CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS的语法 CSS语 ...
    
		
    8. 
						
  8. day47——css介绍、语法结构、选择器、css权重
		
    day47 今日内容 css介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 语法结构 div{ color:gree ...
    
		
    9. 
						
  9. 03 CSS介绍
		
    03.CSS介绍 层叠样式表:就是给HTML标签添加养的,让他变的更加的好看 注释: /*单行注释*//*多行注释1多行注释2多行注释3*/通常我们在写CSS样式的时候也会用注释来划定样式区域(因为H ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. js获取谷歌浏览器版本
			
    根据浏览器的useragent获取浏览器信息 // 获取谷歌浏览器版本 function getChromeVersion() { var arr = navigator.userAgent.spli ...
    
			
    2. 
						
  2. 诡异的bug！！
			
    在我些项目的时候,命名从来没有用过 font 元素,但是打开 Chrome 浏览器查看元素时,总是 font 元素???而且写的 <span class= "xxx"> ...
    
			
    3. 
						
  3. Saiku本地编译运行后Debug调试（十二）
			
    Saiku源码拉下来在本地编译通过,然后想进行单元测试 发现不知道怎么写测试类了... 幸好有同事大佬的帮助,教了一招哈哈哈哈... 1.将本地编译通过的Saiku打包好(mvn clean inst ...
    
			
    4. 
						
  4. 2018 ICPC 区域赛  焦作场   D. Keiichi Tsuchiya the Drift King（计算几何）
			
    http://codeforces.com/gym/102028/problem/D 题意:根据题中给的那个图,然后题目给你 a,b,r,d,让你求出最小的满足矩形通过弯道的w 思路:
    
			
    5. 
						
  5. Van Emde Boas Tree
			
    van Emde Boas trees 支持所有优先级优先级队列的操作,并且巧妙的是它对于SEARCH, INSERT,DELETE,MINIMUM,MAXMUN,SUCCESSOR,和PREDECE ...
    
			
    6. 
						
  6. Java实现数据库与eclipse的连接
			
    JavaBean:用于传递数据,拥有与数据相关的逻辑处理 JSP:从Model接收数据并生成HTML Servlet:接收HTTP请求并控制Model和View jdbc:用于驱动连接 一.[建立数据 ...
    
			
    7. 
						
  7. MYSQL数据模型
			
    DROP TABLE IF EXISTS `sh_category`; CREATE TABLE `sh_category` ( `id` int(11) NOT NULL AUTO_INCREMEN ...
    
			
    8. 
						
  8. ubuntu16.04+caffe+GPU+cuda+cudnn安装教程
			
    步骤简述: 1.安装GPU驱动(系统适配,不采取手动安装的方式) 2.安装依赖(cuda依赖库,caffe依赖) 3.安装cuda 4.安装cudnn(只是复制文件加链接,不需要编译安装的过程) 5. ...
    
			
    9. 
						
  9. 关于delete和delete[]的区别
			
    在C++动态内存分配中我们常用到new和delete两种操作,new用来申请内存,delete用来释放内存.那么问题来了,我们应该用delete来释放内存还是用delete[]来释放内存呢? 为了得到 ...
    
			
    10. 
						
  10. js··事件捕捉
			
    给一个元素绑定事件,普通写法是 obj.onclick=function(){} 这就相当于给obj的onclick属性赋值是一个道理. obj.onclick=function(){} 这种写法有一 ...
    
			
    11.