CSS

来源：互联网发布：自学淘宝美工教程视频编辑：程序博客网时间：2024/05/15 18:20

标签样式：指把CSS样式像属性一样写在标签标记内
<p style="color:red"></p>
内部样式：把CSS样式单独的包含在头部标签内
<head><title></title>
<style type="text/css">
p{ color:red}
body{color:blue}
</style>
</head>
外部样式:在网页内链接外部样式表文件
先建立一个样式表文件如web.css，那么在网页中调用方式为
<html><head><title></titel>
<link rel="stylesheet" type="text/css" href="web.css"/>

CSS选择器、属性、值，这些是基本语法，如果HTML的标签、属性、值相似。任何的HTML标签。
一、HTML标签选择器:即选择器名称本身就是任何的HTML标签。定义这种样式，在使用时只要HTML链接上样式，HTML各对应标签会自动应用各种属性。
如：body{
              color:red;
               font-size:8em;
              }
上例中body就是选择器，属性和值是在大括号中，属性和值用":"分隔开，属性之间用";"分隔开

自定义类：就是允许我们自已命名一个选择器，而不是用HTML标签，这样比较自由些，可以给我们想应用样式的应用。语法如下：
.intro {
color: red;
font-weight: bold;
}
调用方法：<p class=intro></p>
自定义类选择器是以"."开头的，名字自定。

ID选择器：也是可以自定义名称，但在定义前面加上#即可，在HTML中调用的话，只需给标签加个ID属性，属性值为自定义CSS名即可
如：
#top {
    background-color: #ccc;
    padding: 1em
        }
调用方法：<div id="top">

id和class的不同指出在于一个页面同一个ID只能只有一次，而class可以无限制使用。

id你只能用来定义单一元素，定义二个以后。页面不会出现什么问题，但是W3检测的时候认为你页面不符合标准；
单一使用的样式用id或者需要程序、js动态控制的样式用id.
class是类，同一个class可以定义多个元素。就页面效果而言，两个东西的视觉效果几乎无差别。
重复使用的元素、类别，用class定义

一、在web标准中是不容许重复ID的，例如 div id="a" 不容许重复2次；而class所定义的是类，理论上可以无限重复。以根据需要多次引用。
二、属性的优先级问题：ID 的优先级要高于class
三、方便JS等客户端脚本的引用，如果在页面中要对某个对象进行脚本操作，那么可以给他定义一个ID，否则只能利用遍历页面元素加上指定特定属性来找到它，这是相对浪费时间资源，远远不如一个ID来得简单与快捷。