Html：<div id="box"></div>
Css：#box{border:#ccc 1px solid}
ID选择器和类选择器不同，ID选择器在同一页面只能出现一次，否则会有冲突，一般和脚本配合使用。而类选择器在同一页面可以无限使用。
CSS 中 id、class属性的区别 1）class是设置标签的类，用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名，在html页面里则以class="css5" 来选择调用，命名好的CSS又叫css选择器。如： .css5{属性：属性值} 选择器在html调用为“<div class="css5">我是class例子</div>.baobao { color: limebackground: #ff80c0 }使用方法：class="baobao" 2）id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称如一个CSS规则： #binbin { font-size: larger } 使用方法：id="binbin" id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；@是CSS的一种选择符，有很多应用场景。最常用的使用场景是用来引用其他的CSS文件，是以@import开始的，例如想在main.css里面应用style.css，那么直接用@import style.css就可以了。
此外，还有一种使用场景是媒体选择，它是以@media开始的，表示在不同媒介条件下的样式。
当你想做响应式的页面布局时，例如希望当浏览器的宽度小于1000px时，网页背景变成黑色，就可以用下面的方法：
@media screen and (max-width: 1000px)
{
body {backgroundblack}
}
