CSS基础01

来源：互联网发布：java界面编程在哪编辑：程序博客网时间：2024/06/09 15:05

1：CSS代码语法

css样式由选择符和声明组成，而声明又由属性和值组成，如下图所示：

声明：选择符可以多个组成，这里需要注意的是选择符多个之间要用","号隔开,在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。当有多条声明时，中间可以英文分号“;”分隔，如下所示：

注意：CSS中的注释是 /* */：

/*css注释*/
p,span{ /*css注释*/ text-align:center; /*文本居中*/ font-size:12px ;/*字体大小为12PX*/
color:#808080 ;/*颜色*/ }

2：CSS样式插入形式--CSS样式插入形式分为三种。[内联式,嵌入式,外部式]
内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：
<label style="color:#00ffff;">爱好:</label>
多个之间可以用“;”来分割
<p style="color:red;font-size:12px">这里文字是红色。</p>

嵌入式就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码：
<style type="text/css">span{color:red;}</style>
注意：嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。

外部式就是可以把css样式代码写在外部的文件里，拓展名是.css，写在<head>内，使用<link>标签讲CSS文件链接到HTML中。如下面代码：
<link href="base.css" rel="stylesheet" type="text/css" />
注意：
1):css样式文件名一般以有意义的文件名命名，比如main.css。
2):rel="stylesheet" type="text/css"是固定写法不可修改。
3):<link>标签一般写在<head>标签之内。

注意：三种方法的优先级：
同一个元素同时使用三种不同的颜色会怎么样呢，其实总结来说，就是--就近原则（离被设置元素越近优先级别越高），前提是权值相同的时候。
3：选择器，每一条选择器由两部分组成如下
选择器｛        样式；｝


                                                     0        0           	
					
					   css基础01
	  	   css基础精华01
	  	   CSS基础01
	  	   HTML+CSS基础01
	  	   CSS基础01
	  	   css基础01
	  	   【CSS 基础】01 概述
	  	   [js]01css基础
	  	   01 html css js基础
	  	   CSS基础
	  	   CSS基础
	  	   CSS基础
	  	   CSS基础
	  	   CSS基础
	  	   CSS基础
	  	   CSS基础
	  	   css基础
	  	   CSS基础
	     		  
	  	   unity3d随笔-5
	  	   SQL Server,MySQL,Oracle三者的区别
	  	   如何成为高级程序员
	  	   Windows上传文件到centos7服务器
	  	   【Algothrim】Ant Teams
	  	   CSS基础01
	  	   2017年牛客网校招模拟二
	  	   CSS3自定义滚动条样式 -webkit-scrollbar原文地址：http://www.xuanfengge.com/css3-webkit-scrollbar.html
	  	   二维数组中的查找
	  	   spark进阶（五）
	  	   [编程题] 有趣的数字
	  	   Leetcode 8. String to Integer (atoi)
	  	   Java模拟面试题
	  	   缓存加载 新思路  localStorage