CSS基础知识
1、CSS的语法是这样的:selector {property: value}
selector-选择器(比如body、div、h2……)
property-属性 (比如background-color、hidden、text-align……)
value-值(比如yellow、blue、12px、center……)
[注]:
a、除id外大小写不敏感
b、value存在多个单词时,要用引号(比如:font-family: "Book Antiqua";)
c、设置完一项后,以;结尾
2、下面是一个CSS文件的示例:
@CHARSET "UTF-8";
/*可以为多个html元素或标签定义样式*/
h1,h2 {
color: aqua;
}
/*为单个元素或标签定义样式*/
h3 {
font-style: italic;
}
h4 {
color: silver;
}
table {
color: blue;
}
/*为table中的label定义样式*/
table label {
color: purple;
}
/*为id为redDiv的元素或标签定义样式*/
#redDiv {
color: red;
}
/*为id为redDiv的元素或标签中的h3标签定义样式*/
#redDiv h3 {
color: green;
}
/*为class为bg的元素或标签定义样式*/
.bg {
background-color: yellow;
}
/*为class为bg的元素或标签中的p标签定义样式*/
.bg p {
background-color: silver;
}
我们看到,可以通过
a、 XX{******}为某一元素或标签定义样式
b、 XX,YY{******}为多个元素或标签定义样式
c、 XX YY{******}为XX元素(或标签)中的YY元素(或标签)定义样式
d、 #XX{******}为id为XX的元素或标签定义样式
e、 #XX YY{******}为id为XX的元素(或标签)中的YY元素(或标签)定义样式
f、 .XX{******}为使用了XX类的元素或标签定义样式(class="XX")
g、 .XX YY{******}为使用了XX类的元素(或标签)中的YY元素(或标签)定义样式
3、html页面
我们可以将CSS样式规则写在html页面里(head标签之间)
<head>CSS here</head>
也可以导入外部的CSS样式文件(也是head之间)
<link rel="stylesheet" type="text/css" href="test.css" />
4、下面是一个引入了上面CSS文件的html页面:
<html>
<head>
<title>css test</title>
<!-- 引入外部样式表(也可以将CSS写在页面里) -->
<link rel="stylesheet" type="text/css" href="test.css" mce_href="test.css" />
</head>
<body>
<h1>这是h1(aqua)</h1>
<h2>这是h2(aqua)</h2>
<!-- 受到h4样式规则和class bg
相关文档:
<style>
#enlarge {padding:0; margin:2em auto; list-style-type:none; width:240px;
height:40px;}
#enlarge li {display:block; float:left; width:40px; height:40px;
position:relative;}
#enlarge li a {display:block; width:40px; height:40px; background:transparent;
overflow:hidden; positio ......
css圆角box(百度知道挖出) 1.css .zhidao_box {
position: relative;
width: 100%;
}
.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3 {
height: 1px;
font-size: 0px;
ov ......
SEO即搜索引擎优化,从目前互联网的发展状况来看,实现SEO有助于企业减少网络推广的成本。SEO的手段有很多种,或者固定的技术模式,或者非固定的所谓艺术模式也。DIV+CSS是当前公认的网页设计标准,是广为推崇的网页设计新范式,虽然TABLE还被广泛应用,但DIV+CSS优秀的界面控制能力,还是拥有了非常强的竞争优势。当然,目 ......
<style type="text/css">
/*
从上往下渐变
*/
body
{
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#003C9F,endColorStr=white);
}
/*
从左上至右下渐变
*/
body
{
background-color:skyblue;
FILTE ......