1：标签选择器

标签选择器，是所有带有某种标签的都生效。这里以p为例，也就是所有的带有p标记的都会这样的样式

<html>
<head>
<styletype="text/css">
p{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pid="p1">我现在表现的是标签选择器</p>
<pid="p2">我也用的是标签选择器</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>

2：id选择器，注意id选择器是唯一的，因为只有id="yy"的才有这种样式，而一个页面里元素的Id必须是唯一的，所以。。。你懂得
id选择器以#开头
用法是：id=""

<html>
<head>
<styletype="text/css">
#yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pid="yy">我现在表现的是id选择器</p>
<pid="p">我没有被id选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>



3：类选择器，


类选择器以.开头    只要把元素的class="" 就能表现为这种样式了
用法是：class=""


<html>
<head>
<styletype="text/css">
.yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pclass="yy">我现在表现的是类选择器</p>
<pclass="yy">我没有被类选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>
												


											
html中css三种常见的样式选择器  zz的更多相关文章
	

    
								
  1. html中css三种常见的样式选择器
		
    1:标签选择器 标签选择器,是所有带有某种标签的都生效.这里以p为例,也就是所有的带有p标记的都会这样的样式 复制代码 代码如下: <html><head><stylet ...
    
		
    2. 
						
  2. weex中css不能使用子元素选择器
		
    weex中css不能使用子元素选择器 刚入手可能会有错误,有误导地方请谅解,不过都是亲身踩坑
    
		
    3. 
						
  3. html中css的三种样式
		
    在html中定义CSS样式的方法有三种,新建CSS文件 使用link 关联 这种是最常用的外部引用样式,第二种讲样式写在 head 头部里面 这种是页面样式 ,第三中样式直接写在行内  style里面 ...
    
		
    4. 
						
  4. 认识CSS中css引入方式、选择器、文本样式设置以及显示模式
		
    前端之HTML.CSS(三) CSS CSS-Cascading Styles Sheets,层叠样式表.用于网页的表现,主要用于布局和修饰网页. CSS引入方式 CSS的三种引入方式:行内样式,内部 ...
    
		
    5. 
						
  5. JS实战 · 仿css样式选择器
		
    代码如下: <html> <head>     <meta http-equiv="Content-Type" content="text/ ...
    
		
    6. 
						
  6. CSS样式选择器优先级
		
    CSS样式选择器分为4个等级,a.b.c.d,可以以这四种等级为依据确定CSS选择器的优先级. 1.如果样式是行内样式(通过Style=””定义),那么a=12.b为ID选择器的总数3.c为Class ...
    
		
    7. 
						
  7. CSS样式选择器
		
    <!-- css样式选择器 HTML选择器 类选择器 ID选择器 关联选择器 组合选择器 伪元素选择器 selector{ /* selector是样式选择器 property:value; / ...
    
		
    8. 
						
  8. CSS 基础知识点 样式 选择器 伪类
		
    CSS 基础知识点汇集 版权声明:这篇博客是别人写的,大神博客地址 : https://www.cnblogs.com/Mtime/p/5184685.html 1.CSS 简介 CSS 指层叠样式表 ...
    
		
    9. 
						
  9. 前端基础：CSS样式选择器
		
    前端基础:CSS样式选择器 CSS概述 CSS是Cascading Style Sheets的简称,中文意思是:层叠样式表,对html标签的渲染和布局.CSS规则由两个主要的部分组成:1.选择器:2. ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Spring AOP(配置文件方式)
			
    spring配置文件: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="h ...
    
			
    2. 
						
  2. Atitit..文件上传组件选型and最佳实践总结(3)----断点续传控件的实现
			
    Atitit..文件上传组件选型and最佳实践总结(3)----断点续传控件的实现 1. 实现思路:::元插件,元设置... 1 2. 实现流程downzip,unzip,exec 1 3. Zip  ...
    
			
    3. 
						
  3. paip.提升效率--僵尸代码的迷思
			
    paip.提升效率--僵尸代码的迷思 僵尸代码是指你的代码库里被注释掉的那部分代码, 很少去使用它,就像僵尸一样, 看雷kill-the-zombies-in-your-code ========== ...
    
			
    4. 
						
  4. JAVA开发工具eclipse中@author怎么改
			
    1:JAVA开发工具eclipse中@author怎么改,开发的时候为了注明版权信息. 用eclipse开发工具默认的是系统用户,那么怎么修改呢 示例如图所示 首先打开Eclipse--->然后 ...
    
			
    5. 
						
  5. Leetcode 121 Best Time to Buy and Sell Stock 动态规划
			
    由于题意太长,请自己翻译,很容易懂的. 做法:从前向后遍历数组,记录当前出现过的最低价格,作为买入价格,并计算以当天价格出售的收益,作为可能的最大收益,整个遍历过程中,出现过的最大收益就是所求.动态规 ...
    
			
    6. 
						
  6. SAP Business One SAP B1功能概述
			
    SAP Business One SAP B1功能概述 SAP B One配有易于使用的软件界面,是一款全面的,多功能的业务管理解决方案,贵企业可以将其用作主要的企业资源(ERP)应用程序. 该解决方 ...
    
			
    7. 
						
  7. Redis+Django(Session,Cookie)的用户系统
			
    一.Django authentication django authentication提供了一个便利的user api接口,无论在py中 request.user,参见Request and re ...
    
			
    8. 
						
  8. C#创建唯一的订单号, 考虑时间因素
			
    主要是想把日期和其它因素考虑进来. 使用RNGCryptoServiceProvider类创建唯一的最多8位数字符串. private static string GetUniqueKey() { ; ...
    
			
    9. 
						
  9. 今天踩过的坑——structs和phpmyadmin
			
    phpmyadmin 错误:缺少 mcrypt 扩展解决mv -i /etc/php5/conf.d/mcrypt.ini /etc/php5/mods-available/sudo php5enmo ...
    
			
    10. 
						
  10. 【转】对 Xcode 菜单选项的详细探索（干货）
			
    http://www.cocoachina.com/ios/20151204/14480.html 本文调研Xcode的版本是 7.1,基本是探索了菜单的每一个按钮.虽然从xcode4一直用到了xco ...
    
			
    11.