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. webgl优化
			
    浏览器支持: Mozilla Firefox 42,Google Chrome 46,Apple Safari 9.0,MS Internet Explorer 11,MS Edge 13 Safar ...
    
			
    2. 
						
  2. TP5  强制下载PDF
			
    为什么叫强制下载  因为你点击你的PDF文件路劲的话   浏览器是默认字网页上打开,而不是下载 我们需要做的就是 修改header头信息  使其变为下载状态 //下载PDF public functi ...
    
			
    3. 
						
  3. leetcode题解 3. Longest Substring Without Repeating Characters
			
    题目: Given a string, find the length of the longest substring without repeating characters. Examples: ...
    
			
    4. 
						
  4. 剑指Offer 25. 复杂链表的复制 （链表）
			
    题目描述 输入一个复杂链表(每个节点中有节点值,以及两个指针,一个指向下一个节点,另一个特殊指针指向任意一个节点),返回结果为复制后复杂链表的head.(注意,输出结果中请不要返回参数中的节点引用,否 ...
    
			
    5. 
						
  5. java 环形链表实现约瑟夫（Joseph）问题
			
    约瑟夫问题又名丢手绢问题.相传著名犹太历史学家 Josephus 利用其规则躲过了一场自杀游戏,而后投降了罗马. 问题: 已知n个人(以编号1,2,3...n分别表示)围坐在一张圆桌周围.* 从编号为 ...
    
			
    6. 
						
  6. Navicat For MySQL--外键建立与cannot add foreign key constraint分析
			
    hrm_job.png 参考资料: https://blog.csdn.net/ytm15732625529/article/details/53729155 https://www.cnblogs. ...
    
			
    7. 
						
  7. Xcode 和 VisualC++输出流的差别的理解
			
    将这样一段程序分别运行与Visual Studio 和 Xcode上边的结果: #include <iostream> using namespace std; int main() {  ...
    
			
    8. 
						
  8. Linux下，用命令进行 日志分割、日志合并
			
    指定文件大小分割: split -b 10m catalina.out imsoft 以每个文本文件10M方式分割日志 文件合并: cat small_file* > large_file
    
			
    9. 
						
  9. 常见模块(一) time/datetime
			
    1 time模块 1)时间三种格式的转化 2)time模块的相关方法 time.time()  打印当前时间的时间戳 单位是秒 距离1970年1月1日到当前的时间差 time.sleep(n)     ...
    
			
    10. 
						
  10. fixed 相对于父容器定位
			
    当一个元素设置为 fixed 或 absolute,不设置 top, left 则会在原位置,而脱离文档流,别的元素可以存在于它之后. 而当使用 fixed 后还想相对于父容器进行定位,或者说在当前位 ...
    
			
    11.