<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. eclipse导出doc文档
			
    选中需要导出的项目, 1 点击eclipse上面的Project,选择Generate javadoc..., 2 然后配置 javadoc command,比如我本地的路径为: C:\Program ...
    
			
    2. 
						
  2. FPGA知识大梳理（一）对FPGA行业的一点感言
			
    今天想开始把这FPGA行业的知识点做一个大整理,从个人感想,到语法,到器件基础,难点攻克,到项目应用.把自己这几年接触到的知识做一个全面的回顾,看看自己这几年走过的路. 人生无常,几年的跌跌撞撞勉强算 ...
    
			
    3. 
						
  3. genymotion下载出现Unable to create virtual device，Server returned HTTP status code 0.
			
    解决方法:
    
			
    4. 
						
  4. Android编程获取网络连接状态(3G/Wifi)及调用网络配置界面
			
    随着3G和Wifi的推广,越来越多的Android应用程序需要调用网络资源,检测网络连接状态也就成为网络应用程序所必备的功能. Android平台提供了ConnectivityManager  类,用 ...
    
			
    5. 
						
  5. MFC的最大化，最小化，关闭
			
    最大化.最小化和关闭按钮是窗口中最主要的元素.首先要说明,说他们是按钮其实是不准确的,按钮是一种窗口,而这三个组件根本就不是窗口,而是一个窗口常见的组成部分.出于习惯的原因,这里还是称呼他们为按钮.  ...
    
			
    6. 
						
  6. HDFS写入和读取流程
			
    HDFS写入和读取流程 一.HDFS HDFS全称是Hadoop Distributed System.HDFS是为以流的方式存取大文件而设计的.适用于几百MB,GB以及TB,并写一次读多次的场合.而 ...
    
			
    7. 
						
  7. Uva 167 The Sultan's Successors(dfs)
			
    题目链接:Uva 167 思路分析:八皇后问题,采用回溯法解决问题. 代码如下: #include <iostream> #include <string.h> using n ...
    
			
    8. 
						
  8. <jsp:include page="">和<%@include page=""%> 标签学习
			
    <jsp:include page=""><jsp:param value=""name=""/><DEL&g ...
    
			
    9. 
						
  9. MFC基础类源码CPP实现文件
			
    WinMain.CPP---->AfxWinMain()  //近似可认为是WinMain()函数的入口 VIEWCORE.CPP---->CView DOCCORE.CPP----> ...
    
			
    10. 
						
  10. 权限管理之基于ACL的实现：自定义JSTL函数实现即时认证
			
    实现即时认证(即只有拥有相应的权限,才能做相应的操作) 经常用在,在JSP页面上,调用JSTL自定义函数做判断,显示相应的菜单或者功能按钮,比如只有管理员登陆时才显示“删除”按钮,从而完成权限的即时认 ...
    
			
    11.