CSS翻译过来就是层叠样式表(Cascading Style Sheets),查了下资料,是用来简化HTML的,减少了代码量,因为HTML越来越臃肿
-----------------------------------------------
引入方式有三种,
第一种叫行内样式,直接在HTML的元素上使用style属性设置CSS样式,比如:
<h1 style="color:red;font-size:100px;">标题</h1>
内容使用双引号,属性之间用分号隔开,
这个方法的缺点就是只能对单个标签修饰,要是标签很多,工作量大而且修改也麻烦
第二种叫页面内引用,在<head></head>头里面用<style></style>,内容放在两个style之间,用CSS的语法(有就近原则,如果标签有style了,优先标签里面的);使用方法如:
<style>
h1 {
color:red;
font-size:100px;
}
</style>
h1就是要引用的标签目标,花括号里面是具体声明(属性+属性值),这个形式是CSS的语法;
第三种叫做外部引用,建立.CSS文件,文件内部写入CSS语法,然后在<head></head>头里面使用link调用这个.CSS,
调用格式如:<link rel="stylesheet" href="css/demo1.css" />;
--------------------------------------------------------
常用的选择器就是id选择器,元素选择器,类选择器,格式如下:
元素选择器:
标签名 { 属性:属性值; //CSS样式，同样注意分号“;” }
h1 {font-size: 20px; }
类选择器:
.类名 { 属性:属性值; //CSS样式，同样注意分号“;” }
.name {color:red; }
上面是声明方式;
调用的方式是在标签里面使用class=
比如:<p class=类名>
id选择器:
#id名 { 属性:属性值; //CSS样式，同样注意分号“;” }
#name {color:red; }
上面是在<head></head>里面的声明方式,
调用方式是在标签里面用id=声明具体的id名,比如:
<p id= "name">His name is Ray.</p>
---------------------------------------------------------
使用浮动记得要clear一下
