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. thrift之TTransport层的堵塞的套接字I/O传输类TSocket
			
    本节将介绍第一个实现具体传输功能的类TSocket,这个类是基于TCP socket实现TTransport的接口.下面具体介绍这个类的相关函数功能实现. 1.构造函数 分析一个类的功能首先看它的定义 ...
    
			
    2. 
						
  2. AngularJS快速入门指南08：表格
			
    ng-repeat指令非常适合用来显示表格. 在表格中显示数据 在AngularJS中显示表格非常容易: <div ng-app="myApp" ng-controller= ...
    
			
    3. 
						
  3. TaskCompletionSource的使用场景
			
    TaskCompletionSource生成Task的另一种方法.使用TaskCompletionSource很简单,只需要实例化它即可.TaskCompletionSource有一个Task属性,你 ...
    
			
    4. 
						
  4. SQL——字符串处理函数
			
    1) ASCII Format:ASCII ( character_expression ) Function:返回表达式最左端字符的ASCII值. eg: select ASCII('abcdef' ...
    
			
    5. 
						
  5. atitit.组件化事件化的编程模型--服务端控件(1)---------服务端控件与标签的关系
			
    atitit.组件化事件化的编程模型--服务端控件(1)---------服务端控件与标签的关系 1. 服务器控件是可被服务器理解的标签.有三种类型的服务器控件: 1 1.1. HTML 服务器控件  ...
    
			
    6. 
						
  6. hdu4508 完全背包，湫湫系列故事——减肥记I
			
    湫湫系列故事——减肥记I 对于01背包和完全背包,昨晚快睡着的时候,突然就来了灵感 区别:dp[i][v]表示前i件物品恰放入一个容量为v的背包可以获得的最大价值 在第二重循环,01 是倒着循环的,因 ...
    
			
    7. 
						
  7. 动软商城系统可免费下载了，专业批发分销商城系统，ASP.NET商城系统
			
    动软商城系统是一套集CMS资讯+品牌Shop商城+WAP商城+APP手机客户端+SNS用户互动社区于一体的全新电商营销解决方案.主要为企业树立企业品牌形象,实现独立网络推广,充分集成网站SEO.企业微 ...
    
			
    8. 
						
  8. ngnix编译遇到的问题.
			
    总结:先后遇到libz库文件没有正确的链接和pcre库文件没有正确的链接 1./configure后提示需要zlib 2.locate zlib,系统中没有zlib的共享库so文件,但是有一些头文件, ...
    
			
    9. 
						
  9. Web开发人员常犯的10个错误
			
    说到开发一个运行在现代网络中的网站:Web开发人员需要选择虚拟主机平台和底层数据存储,准备编写HTML.CSS和JavaScript用的工具,要有设计执行方式,以及一些可用的JavaScript库/框 ...
    
			
    10. 
						
  10. WebSocket桌面客户端工具
			
    考虑到WebSocket的诸多优点和未来的趋势,去年底把服务端通讯全部由HTTP改成WebSocket,期间为了方便测试,做了这个小工具.共享出来以方便有同样需求的程序员. 下载的压缩包里含有源代码和 ...
    
			
    11.