CSS篇一一简短介绍下CSS

最新推荐文章于 2022-03-16 13:07:53 发布

一心一意对前端

最新推荐文章于 2022-03-16 13:07:53 发布

阅读量873

点赞数

文章标签： css 前端大前端 html css3

本文链接：https://blog.csdn.net/weixin_53144068/article/details/111063058

版权

什么是CSS?

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

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式。
CSS拥有对网页对象和模型样式编辑的能力。
在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色等效果实现更加精确的控制。

1.CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
css是什么

2.CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式。
css是什么

3.CSS拥有对网页对象和模型样式编辑的能力。
css是什么

4.在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色等效果实现更加精确的控制。
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的方式包含以下几种

内联样式：在html页面的style标签之间直接编写样式代码
外部样式文件：将外部的css文件通过link标签引入html页面中
内嵌样式：直接使用html标签内部的style属性设置样式

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

一心一意对前端

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS篇一一简短介绍下CSS

什么是CSS?CSS是Cascading Style Sheet的缩写，层叠样式表，是一种用来表现文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式。CSS拥有对网页对象和模型样式编辑的能力。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色等效果实现更加精确的控制。1.CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式
复制链接

扫一扫