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. Intellij IDEA13无法使用SVN
			
    症状:在公司里面idea13工作正常,到了家里后idea的svn就是无法正常工作,单独使用tortoisesvn一切正常,后来在网上看到有网友解决了这个问题,看了之后明白了为啥公司的正常,家里的不行, ...
    
			
    2. 
						
  2. servlet servlet基本概念和helloservlet实例
			
    java web目录结构: web.xml是重要配置文件,容器正是通过这个文件找到service方法. 用纯文本+tomcat组装简单servlet web 新建HelloServlet.java:  ...
    
			
    3. 
						
  3. css3过渡transition
			
    过渡:transition transition:transition-property/duration/timing-function/delay的缩写. transition : <'tr ...
    
			
    4. 
						
  4. Liferay7 BPM门户开发之34: liferay7对外服务类生成（RestService Get Url）
			
    在liferay7中开发不依赖Service Builder的对外服务类,非常简洁,只需要2点注解: 在类的前部定义: @ApplicationPath("/PathXXX") 方 ...
    
			
    5. 
						
  5. python继承
			
    Python继承 继承实例: 父类和子类的关系: 继承树: 没有父类就继承object类,不要忘记调用super().__init__来初始化父类 代码: class Person(object):  ...
    
			
    6. 
						
  6. iscroll初体验
			
    引入 iscroll是什么?多的概念性让人看不懂的东西就不说了因为看了也可能看不明白,iscroll主要用于移动端设备,主要包括以下的应用场合: 缩放 拉动刷新 速度和性能提升 精确捕捉元素 自定义滚 ...
    
			
    7. 
						
  7. linux下IM server搭建
			
    一步一步开始做. 附录: 一套开源协议:http://www.igniterealtime.org/index.jsp Proso:http://prosody.im/ 那谁网友的笔记http://w ...
    
			
    8. 
						
  8. python字符串格式化方法 format函数的使用
			
      python从2.6开始支持format,新的更加容易读懂的字符串格式化方法, 从原来的% 模式变成新的可读性更强的 花括号声明{}.用于渲染前的参数引用声明, 花括号里可以用数字代表引用参数的序 ...
    
			
    9. 
						
  9. 加快Bitmap的访问速度
			
    引言 在对Bitmap图片操作的时候,有时需要用到获取或设置像素颜色方法:GetPixel 和 SetPixel, 如果直接对这两个方法进行操作的话速度很慢,这里我们可以通过把数据提取出来操作,然后操 ...
    
			
    10. 
						
  10. Xshell中文乱码问题
			
    1.  先查看当前使用的语言: echo $LANG 2.  查看系统的语言安装包: locale 3.  如果没有中文安装包(包含zh_CN字样),需要网络或者自己上传安装包,安装 4.  有了中文 ...
    
			
    11.