<pre name="code" class="html">Css 简洁

css 选择器

标签选择器

类选择器

ID选择器

Css 层叠样式表   Cascade Stytle Sheet

css 就像网页的化妆品,让你可以随意的把相同的内容转换成

不一样的外观,把就是给相似的结构以不同的样式。

css+div 是当前最流行的前台美工技术,也是web标准推荐的。

使用样式表css,让p标签进行统一变色

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus?">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Document</title>

  <style type="text/css">

  p{

   color:red;

  }

  </style>

 </head>

 <body>

   <center>

     <h1>Css样式表</h1>

<hr>

<p>

 <!--<font color="red"> 白日依山尽,</font><br>-->

 白日依山尽,<br>

  黄河入海流,<br>

  欲穷千里目,<br>

  更上一层楼。<br>

</cenetr>

 </body>

</html>

  p{

   color:red;

  }

这样就对所有的p标签的问题,统一使用红颜色。

标签选择器:

p{font-size:2em;}

类选择器: .开头

.info{background:#ff0;}

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus?">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Document</title>

  <style type="text/css">

  p{

   color:red;

  font-size:2em;

  }

  li{

  color:blue;

  font-size:2em;

  }

  </style>

 </head>

 <body>

   <center>

     <h1>Css样式表</h1>

<hr>

<p>

 <!--<font color="red"> 白日依山尽,</font><br>-->

 白日依山尽,<br>

  黄河入海流,<br>

  欲穷千里目,<br>

  更上一层楼。<br>

  </p>

 <!--<font color="red"> 白日依山尽,</font><br>-->

<li> 白日依山尽,</li>

 <li>  黄河入海流,</li>

<li>   欲穷千里目,</li>

  <li> 更上一层楼。</li> 

</cenetr>

 </body>

</html>

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus?">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Document</title>

  <style type="text/css">

  p{

   color:red;

  font-size:2em;

  }

  li{

  color:blue;

  list-style:none;

  font-size:2em;

  }

  .first{

color:red;

  }

  </style>

 </head>

 <body>

   <center>

     <h1>Css样式表</h1>

<hr>

<p>

 <!--<font color="red"> 白日依山尽,</font><br>-->

 白日依山尽,<br>

  黄河入海流,<br>

  欲穷千里目,<br>

  更上一层楼。<br>

  </p>

 <!--<font color="red"> 白日依山尽,</font><br>-->

<li class=first> 白日依山尽,</li>

 <li>  黄河入海流,</li>

<li>   欲穷千里目,</li>

  <li> 更上一层楼。</li> 

</cenetr>

 </body>

</html>

ID选择器:

#third{

  color:green;

  }

<!--<font color="red"> 白日依山尽,</font><br>-->

<li class=first> 白日依山尽,</li>

<li>  黄河入海流,</li>

<li id="third">   欲穷千里目,</li>

<li> 更上一层楼。</li> 

组合选择器:

												


											
CSS简介和CSS选择器的更多相关文章
	

    
						
  1. 【CSS简介、基础选择器、字体属性、文本属性、引入方式】前端小抄(2) - Pink老师自学笔记
		
    [CSS简介.基础选择器.字体属性.文本属性.引入方式]前端小抄(2) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS简介 CSS 的主要使用场景就是布局网页,美化页面 ...
    
		
    2. 
						
  2. 2、前端--初见前后端交互、CSS简介、基本选择器、组合选择器、属性选择器、分组与嵌套、伪类选择器
		
    今日内容概要 初窥后端框架 css简介 css选择器 今日内容详细 初次体验前后端交互 # 代码无需掌握 只看效果即可 """后端框架:可以简单的理解为别人写好的一个非常 ...
    
		
    3. 
						
  3. CSS简介，基础选择器，字体属性，文本属性
		
    欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可 博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...
    
		
    4. 
						
  4. form表单，css简介，css选择器，css样式操作
		
    form表单 简介 表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序 以处理,从而使得Web服务器与用户之间具有交互功能. 表单实现前后台交互:用 ...
    
		
    5. 
								
  5. css简介以及css的添加方法
		
    什么是css? CSS是Cascading Style Sheets的简称,CSS是用来美化网页中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离. css的基本语法 1.选择 ...
    
		
    6. 
						
  6. CSS  简介、 选择器、组合选择器
		
    #CSS 装饰器引入<!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...
    
		
    7. 
						
  7. Bulma CSS - 简介
		
    Bulma CSS框架教程 Bulma CSS – 简介 Bulma CSS – 开始 Bulma CSS – CSS类 Bulma CSS – 模块化 Bulma CSS – 响应式 Bulma是什 ...
    
		
    8. 
						
  8. CSS 简介、语法、派生选择器、id 选择器、类选择器、属性选择器
		
    CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现 ...
    
		
    9. 
						
  9. 1 CSS简介&语法&选择器及优先级&背景&文本&字体&链接&列表&表格
		
    什么是CSS? Cascading Style Sheets层叠样式表,样式定义如何显示HTML元素 样式通常存储于样式表中,外部样式表通常存储在CSS文件中 多个样式定义可层叠为1,样式对网页中元素 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. SharePoint BCS
			
    1. 开启相关的服务:管理中心-->应用程序管理-->管理服务器上的服务 2.
    
			
    2. 
						
  2. Android Studio导出Jar包
			
    这篇博客将介绍一下如何用Android Studio导出jar包,希望能给大家带来帮助. 首先需要修改build.gradle文件,在Android Studio中会显示多个build.gradle文 ...
    
			
    3. 
						
  3. 语句分类及if语句
			
    一.语句分类: 1.顺序语句2.分支语句 if语句.switch语句 3.循环语句 (1)初始条件 (2)循环条件 (3)循环体 (4)状态改变 二.if语句: 1.if语句4中情况: if(条件){ ...
    
			
    4. 
						
  4. 杭电ACM    2052  Picture
			
    Picture Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Su ...
    
			
    5. 
						
  5. GNU自动补全模块readline解析
			
    readline模块定义了一系列函数用来读写Python解释器中历史命令,并提供自动补全命令功能.这个模块可以通过relcompleter模块直接调用,模块中的设置会影响解释器中的交互提示,以及内置函 ...
    
			
    6. 
						
  6. jQuery File Upload blueimp with struts2 简单试用
			
    Official Site的话随便搜索就可以去了 另外新版PHP似乎都有问题  虽然图片都可以上传  但是response报错  我下载的是8.8.7木有问题   但是8.8.7版本结合修改main. ...
    
			
    7. 
						
  7. Hadoop Hive sql语法详解
			
    Hadoop Hive sql语法详解 Hive 是基于Hadoop 构建的一套数据仓库分析系统,它提供了丰富的SQL查询方式来分析存储在Hadoop 分布式文件系统中的数据,可以将结构 化的数据文件 ...
    
			
    8. 
						
  8. JavaEE Tutorials (5) - 运行企业bean示例
			
    5.1cart示例56 5.1.1业务接口57 5.1.2会话bean类57 5.1.3@Remove方法61 5.1.4辅助类61 5.1.5运行cart示例615.2一个单例会话bean示例:co ...
    
			
    9. 
						
  9. Ubuntu 13.04 安装使用clang
			
    其实很简单,就是用命令即可: apt-get install clang-3.2 clang-3.2-doc 主要说明一点,/usr/bin/c++链接原来指向g++,现在被改变了. $ ls /us ...
    
			
    10. 
						
  10. ASP.NET路由
			
    ASP.NET 路由使您可以使用不必映射到网站中特定文件的 URL. 由于该 URL 不必映射到文件,因此可以使用对用户操作进行描述因而更易于被用户理解的 URL. ASP.NET MVC 框架和 A ...
    
			
    11.