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. python-模块2
			
    from collections import namedtuple # # 类 # p = namedtuple("Point", ["x", "y ...
    
			
    2. 
						
  2. .net core IIS/Kestrel上传大文件的解决方法
			
    大文件,就是内容的大小超过了一定数量的文件,比如1个GB的文件. 站点一般会限制上传文件的大小,如果超过了一定限制,则会报错误. 在处理大文件上传的方式上,IIS代理和Kestrel宿主服务器的处理方 ...
    
			
    3. 
						
  3. Python选修课第一届Turtle绘图大赛田康林赵冰珂组
			
    点击此处查看视频 from turtle import* setup(600,600,200,200) #脸 penup() goto(-190,0) seth(-90) pendown() penc ...
    
			
    4. 
						
  4. js 查找当前元素/this
			
    function findTabTitle(pageId) { var $ele = null; $(".page-tabs-content").find("a.menu ...
    
			
    5. 
						
  5. 剑指Offer 26. 二叉搜索树与双向链表 （二叉搜索树）
			
    题目描述 输入一棵二叉搜索树,将该二叉搜索树转换成一个排序的双向链表.要求不能创建任何新的结点,只能调整树中结点指针的指向. 题目地址 https://www.nowcoder.com/practic ...
    
			
    6. 
						
  6. Oracle（二）在 Mysql 的基础上学习 Oracle
			
    毕竟我是先学的mysql,对数据库的一切认知都会有一个先入为主的思想在里面,如果不搞清楚其中的异同,我感觉Oracle我是学不会 了,甚至会把它们混淆.那么,不会mysql的没必要往下看了. 下边第一 ...
    
			
    7. 
						
  7. 3.5 unittest生成测试报告HTMLTestRunner
			
    3.5 unittest生成测试报告HTMLTestRunner 前言批量执行完用例后,生成的测试报告是文本形式的,不够直观,为了更好的展示测试报告,最好是生成HTML格式的.unittest里面是不 ...
    
			
    8. 
						
  8. 算法笔记1 - 编辑距离及其动态规划算法（Java代码）
			
    转载请标注原链接:http://www.cnblogs.com/xczyd/p/3808035.html 编辑距离概念描述 编辑距离,又称Levenshtein距离,是指两个字串之间,由一个转成另一个 ...
    
			
    9. 
						
  9. 学习笔记TF038:实现估值网络
			
    Q-Learning,学习Action对应期望值(Expected Utility).1989年,Watkins提出.收敛性,1992年,Watkins和Dayan共同证明.学习期望价值,从当前一步到 ...
    
			
    10. 
						
  10. 学习笔记TF015:加载图像、图像格式、图像操作、颜色
			
    TensorFlow支持JPG.PNG图像格式,RGB.RGBA颜色空间.图像用与图像尺寸相同(height*width*chnanel)张量表示.通道表示为包含每个通道颜色数量标量秩1张量.图像所有 ...
    
			
    11.