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>
相关文章
|
3月前
|
前端开发
CSS总结干货
行内样式表(行内式) 行内样式表(内联样式表)是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式. ​ 语法:
|
5月前
纯CSS3实现一个丝带效果
纯CSS3实现一个丝带效果
48 0
|
8月前
|
前端开发
CSS中的::after ::before
CSS中的::after ::before
57 0
|
8月前
|
Web App开发 前端开发 JavaScript
CSS(1)
CSS是层样式表(Cascading Style Sheets)的简称。 有时我们也会称之为CSS样式表或级联样式表。 CSS 是也是一种标记语言。 CSS 主要用于设置 HTML 页面中的**文本内容**(字体、大小、对齐方式)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。 CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化HTML,让HTML更漂亮,让页面布局更简单。 CSS最大价值:由HTML专注去做结构呈现,样式交给CSS,即结构(HTML)与样式(CSS)相分离。
35 1
|
前端开发
CSS 介绍
CSS介绍
81 0
|
前端开发 JavaScript 容器
css知识总结
css知识总结
115 0
css知识总结
|
Web App开发 前端开发 安全
常用 CSS(下)
常用 CSS(下)
115 0
常用 CSS(下)
|
前端开发 JavaScript C++
初识Windi Css
初识Windi Css
650 0
|
前端开发
|
前端开发 JavaScript 容器
CSS
定义页面样式。浏览器在构造完成页面的 DOM 树后,会解析 css 代码以及引入的 css 文件,将定义的样式表规则添加到对应的 DOM 树节点上。在绘制并渲染为用户可见的页面时使用。
163 0