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>
相关文章
|
9月前
|
XML 前端开发 数据格式
CSS应用
CSS应用
76 0
|
前端开发
css小技巧
css小技巧
|
Web App开发 前端开发 iOS开发
【CSS3】
【CSS3】
272 3
|
前端开发 安全 容器
CSS(2)
在 CSS 中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。 复合选择器可以更准确、更高效的选择目标元素(标签)。 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的。 常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等。
64 1
|
前端开发 JavaScript 容器
css知识总结
css知识总结
157 0
css知识总结
|
前端开发
|
弹性计算 前端开发
【收藏】你不知道的css技巧(上)
下面总结了一些常用又有趣的css技巧
|
前端开发
【收藏】你不知道的css技巧(下)
下面总结了一些常用又有趣的css技巧
|
前端开发 JavaScript 搜索推荐
CSS3
HTML+CSS+JavaScript 结构 + 表现 + 交互 什么是CSS 如何学习 CSS是什么 CSS怎么样(快速入门) CSS选择器(重点 + 难点) 美化网页(文字,阴影,超链接,列表,渐变...) 盒子模型 浮动 定位 网页动画(特效效果) 什么是CSS Cascading Style
|
前端开发
CSS/CSS3
CSS/CSS3
121 0