一、分类

①内联，写在标签中，写法是style="样式属性"。优先级最高。

优点：控制精确。缺点：代码重用性差，范围小。

例如：

<div style="font-size=12px;"></div>

　　

②内嵌，在<head></head>中书写。

优点：代码重用性好，范围大。缺点：控制性差，不精确。优先级最差。

注释方法：/*注释内容*/

例如：

<style type="text/css" >

/*这是要被注释内容*/

</style>

③外部，在<head></head>中书写。

优点：代码重用性最好，范围最大。缺点：控制性差。优先级中。

使用<link />标签引用外部css。

例如：

<head>

   <link src="Untitled.css" />

</head>



二、选择器


①元素命名，id、class


*号是指所有。


*{}对所有元素增加样式。


②获取id


#id{}选择id名称是“id”的元素，id具有唯一性。


③获取class


.class{}获取class名称是“class”的元素，class可以命名多个元素。


④标签选择器


格式为：标签名{}


,并列


空格后代


.点筛选


例如：




<head>

<style type="text/css">
div{}/*标签选择器*/
#a{}/*id选择器*/
.b{}/*类级选择器*/
div #a{}/*空格后代，div标签下的span标签*/
div, font{}/*逗号并列，div和font标签*/
</style>

</head>

<body>

<div>

   <span id="a">

   </span>

</div>
<font class="b">
</font>

</body>





　　


　　
												


											
CSS样式学习-1的更多相关文章
	

    
						
  1. 11种常用css样式学习大结局滚动条与显示隐藏
		
    滚动条展示 overflow-x: hidden;/*是否对内容的左/右边缘进行裁剪*/overflow-y: hidden;/*是否对内容的上/下边缘进行裁剪*/overflow:scroll;/* ...
    
		
    2. 
						
  2. bootstrap全局CSS样式学习
		
    参考http://v3.bootcss.com/css/,根据自己的记忆进行的复述,加深记忆. 首先介绍bootstrap全局CSS样式 只通过使用bootstrap.css,即可获得统一的样式设置. ...
    
		
    3. 
						
  3. Boostrap入门级css样式学习
		
    1. 自适应网页设计 首先,在网页代码的头部,加入一行 viewport元标签.viewport是网页默认的宽度和高度, <meta name="viewport" cont ...
    
		
    4. 
						
  4. 2019-02-15  CSS样式学习——（内容来自mooc北京林业大学web前端开发授课ppt）
		
    CSS样式的添加方法 行内样式 e.x. 内嵌样式 e.x. 注意内嵌样式写在head标签内: 单独文件(外部式样式表文件) 也是在head标签内插入超链接,sublime+emmet可以用link: ...
    
		
    5. 
						
  5. css样式学习笔记
		
    视频参见php中文网玉女心经视频教程 讲解的相当的清楚和明白 第1章     :css快速入门 1.1     什么是css 改变html框架的样式. 1.2     css的三种引入形式 第一种形式 ...
    
		
    6. 
						
  6. html之CSS样式学习笔记
		
    本文内容: 字体样式 文本样式 背景样式 尺寸样式 盒子模型 边框样式 边距样式 浮动布局 定位布局 [CSS3]伸缩布局 标签显示方式 列表样式 [CSS3]过渡样式 [CSS3]变换样式之2D变形 ...
    
		
    7. 
						
  7. CSS样式学习-3、轮廓、伪类/元素、display-flex布局
		
    一.轮廓 outline绘制于元素周围的一条线,位于边框边缘外围. 属性规定元素轮廓的样式.颜色.宽度. outline-width轮廓宽度,属性:thin细轮廓.medium中等(默认值).thic ...
    
		
    8. 
								
  8. css样式学习小知识
		
    1. 使用百分比设置宽高 自适用宽高的,有分割的区域,可以适用百分比:30% 70% 如果有一部分是固定的宽度或者高度,可以使用:height: calc( 100% - 36px ); 2. inp ...
    
		
    9. 
						
  9. bootstrap 学习 ---css样式学习
		
    bootstrap 适用于响应式布局,移动设备优先的web项目 1.学习bootstrap需要引入bootstrap的css,jquery,bootstrap的js,注意:jquery文件必须在boo ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 峰Redis学习（6）Redis 数据结构（sorted-set的操作）
			
    第六节:Redis 数据结构之sorted-set 类型 存储Sorted-Set Sorted-Set和Set的区别   Sorted-Set中的成员在集合中的位置是有序的   存储Sorted-s ...
    
			
    2. 
						
  2. 产品使用的前后台框架API-dubbo-redis-elasticsearch-jquery
			
    前台框架API •jQuery:https://jquery.com/ •jQuery MiniUI:http://www.miniui.com/ •Bootstrap:http://www.boot ...
    
			
    3. 
						
  3. centos7更改引导项等待时间
			
    centos7已经不用grub,改用grub2. [ root]# vi /boot/grub2/grub.cfg 找到并更改启动时间(timeout) [root]# grub2-mkconfig  ...
    
			
    4. 
						
  4. [UE4]碰撞的随机性
			
    物理引擎(包括碰撞)的计算具有随机性 原因: 一.每一帧的时间并不是严格相等 二.浮点数计算不是完全准确(两个浮点数运算,结果不可重复) 影响 在左边窗口(服务器端)打几发子弹把其中3个立方体的位置打 ...
    
			
    5. 
						
  5. 0000 - Spring 中常用注解原理剖析
			
    1.概述 Spring 框架核心组件之一是 IOC,IOC 则管理 Bean 的创建和 Bean 之间的依赖注入,对于 Bean 的创建可以通过在 XML 里面使用 <bean/> 标签来 ...
    
			
    6. 
						
  6. 使用LVS实现负载均衡原理及安装配置详解（转）
			
    负载均衡集群是 load balance 集群的简写,翻译成中文就是负载均衡集群.常用的负载均衡开源软件有nginx.lvs.haproxy,商业的硬件负载均衡设备F5.Netscale.这里主要是学 ...
    
			
    7. 
						
  7. Django中的中间件（middleware）
			
    中间件: 在研究中间件的时候我们首先要知道 1 什么是中间件? 官方的说法:中间件是一个用来处理Django的请求和响应的框架级别的钩子.它是一个轻量.低级别的插件系统,用于在全局范围内改变Djang ...
    
			
    8. 
						
  8. vue实现点击、滑动右侧字母对应各个城市
			
    1.字母组件给父组件传递当前点击的字母值 @click="handleLetterClick" //绑定事件 handleLetterClick (e) { //向上传递参数 th ...
    
			
    9. 
						
  9. ASCII、Unicode和UTF-8
			
    转自廖雪峰的官方网站:https://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/00138 ...
    
			
    10. 
						
  10. mock生成随机数的各种情况
			
    [发现一篇好的文章,用来自己作参考] 接口测试时需要生成各种正则表达式的随机数进行边界值测试,字符串测试等: 比如生成数字,字母,邮箱,一段中文,一段英文 推荐1:生成随机数的多种情况 http:// ...
    
			
    11.