CSS简单介绍

简介: CSS简单介绍

CSS:层叠样式表(Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。

作用:将网页的内容(.html)和样式(.css)进行分离。根据网页内容设置的标记,在样式文件中修改样式。

这是网页文件(.html结尾的)

<font color="#0ffffff">这是一条新闻标题</font>  /*可以直接设置样式*/
<samp class="menu niu">栏目四</samp>     /*类选择器,类可以设置多个,用空格分开*/
<samp id="sss" class="title">栏目四</samp>    /*ID选择器*/

这是新建的样式文件(.css结尾的)

样式文件中的选择器

优先级:ID选择器 > 类选择器 > html标签选择器

①类选择器:小数点+标签名

  /*格式为:属性名:属性值;*/
  .menu /*栏目样式*/
{
    color:#00f;  /*文字颜色*/
}
.menu,.title  /*用逗号分开就是并列设置*/
{
    ……
}
.title span /*继承关系*/
{    
}

②ID选择器:井号+标签名

#sss
{
    font-weight :bold ; /*粗体*/
}

③html标签选择器:前面啥也不加

<body>/*这就是*/
    ……
</body>
相关文章
|
前端开发
css实现帘幕效果
css实现帘幕效果
84 0
|
7月前
|
存储 前端开发
什么是 CSS
什么是 CSS。
57 6
|
7月前
|
前端开发 UED
CSS
CSS
45 0
|
前端开发 JavaScript Java
CSS Transitions(二)
CSS Transitions(二)
|
缓存 前端开发 JavaScript
CSS 20大酷刑(二)
CSS 20大酷刑(二)
130 0
|
前端开发
很实用的几个css小技巧
很实用的几个css小技巧
97 0
|
前端开发
css常用知识汇总
css常用知识汇总
|
前端开发