CSS的基本概念、作用、使用、语法和属性-创新互联

1、CSS的基本概念

网站建设哪家好，找成都创新互联公司！专注于网页设计、网站建设、微信开发、成都微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了色尼免费建站欢迎大家使用！

CSS全称Cascading Style Sheets。在实际网页开发中，作用于同一个元素上的多个样式产生冲突的情况不可避免的经常发生，当多个样式发生重叠时，优先级别高的样式会生效，因此得名层叠样式表。

2、CSS的作用

在网页开发中，CSS高性能强大，是提高工作效率的利器。它可以将内容展示和样式控制分离，从而降低耦合度，解耦，让分工协作更容易，以此提高开发效率。

3、CSS的使用

（1）内联样式：在标签内使用style属性指定css代码。如：<div >hello css</div>

（2）内部样式：在head标签内，定义style标签，style标签的标签体内容就是css代码。如：

<style>

div{

color:blue;

}

</style>

<div>hello css</div>

（3）外部样式：它是CSS资源文件。在head标签内，定义link标签，引入外部的资源文件.如：

   

a.css文件：

div{

color:green;

}

<link rel="stylesheet" href="css/a.css">

<div>hello css</div>

<div>hello css</div>

需要注意的是，前三种方式CSS作用范围越来越大，第一种方式不常用，后期比较常用第二、三种方式。

4、CSS的语法

（1）格式

选择器 {

属性名1:属性值1;

属性名2:属性值2;

...

}

注意：每一对属性需要使用；隔开，最后一对属性可以不加；

5、属性

（1）字体、文本

font-size：字体大小

color：文本颜色

text-align：对其方式

line-height：行高

（2）背景

background：

（3）边框

border：设置边框，符合属性

（4）尺寸

width：宽度

height：高度

（5）盒子模型：控制布局

margin：外边距

padding：内边距

默认情况下内边距会影响整个盒子的大小

box-sizing: border-box;  设置盒子的属性，让width和height就是最终盒子的大小

float：浮动

left

right

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

新闻标题：CSS的基本概念、作用、使用、语法和属性-创新互联
文章来源：https://www.cdcxhl.com/article46/depdeg.html

成都网站建设公司_创新互联，为您提供手机网站建设、品牌网站制作、定制开发、云服务器、微信公众号、移动网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联