关于前端:CSS篇一一简短介绍下CSS

什么是CSS?

CSS是Cascading Style Sheet的缩写,层叠样式表,是一种用来体现文件款式的计算机语言。

  • CSS不仅能够动态地润饰网页,还能够配合各种脚本语言动静地对网页各元素进行格式化。
  • CSS 可能对网页中元素地位的排版进行像素级准确管制,反对简直所有的字体字号款式。
  • CSS领有对网页对象和模型款式编辑的能力。
  • 在主页制作时采纳CSS技术,能够无效地对页面的布局、字体、色彩等成果实现更加准确的管制。

1.CSS不仅能够动态地润饰网页,还能够配合各种脚本语言动静地对网页各元素进行格式化。

2.CSS可能对网页中元素地位的排版进行像素级准确管制,反对简直所有的字体字号款式。

3.CSS领有对网页对象和模型款式编辑的能力。

4.在主页制作时采纳CSS技术,能够无效地对页面的布局、字体、色彩等成果实现更加准确的管制。

CSS入门

​ 如果将开发一套网页当做修建一栋大楼,则html就等于是对大楼的构造进行实现,而对大楼的装修个别交给装璜公司,而在网页中设计中css就相当于是装璜公司。

​ CSS,Cacading Style Sheets(层叠样式表),是一种可能对html构造进行丑化以及管制的形容型语言,css通过一系列选择器,选中html中的元素,而后通过提供的丰盛的属性对这些元素进行装璜。

语法标准

选择器{

​ 属性名1:属性值1;

​ 属性名2:属性值2;

​ …

}

CSS实例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            /* css样式表 */
            #div1{
                width:300px;
                height:50px;
                background:#ff6700;
                color:#fff;
                text-align: center;
                line-height:50px;
                font-family: "楷体";
                font-size:1.8em;
            }
        </style>
    </head>
    <body>
        <!--指标元素(须要被装璜的元素)-->
        <div id="div1" class="">
            这是一个div元素
        </div>
    </body>    

另外,须要我收藏多年前端面试真题解析200Gpdf前端知识点源码的敌人们能够戳我支付~

CSS款式在html页面中的几种应用形式

在html中应用css的形式蕴含以下几种

  1. 内联款式:在html页面的style标签之间间接编写款式代码
  2. 内部款式文件:将内部的css文件通过link标签引入html页面中
  3. 内嵌款式:间接应用html标签外部的style属性设置款式

另外,内联款式、内部款式文件、内嵌款式下节会讲到。求赞,请继续关注我~

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理