CSS的基本概念、作用、使用、语法和属性-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

CSS的基本概念、作用、使用、语法和属性

1、CSS的基本概念

坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观,专业网站建设服务10余年为成都成都PVC花箱小微创业公司专业提供成都定制网页设计营销网站建设商城网站建设手机网站建设小程序网站建设网站改版,从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。

 

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

 

2、CSS的作用

 

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

 

3、CSS的使用

 

(1)内联样式:在标签内使用style属性指定css代码。如:

hello css

 

(2)内部样式:在head标签内,定义style标签,style标签的标签体内容就是css代码。如:

 

 

hello css

 

(3)外部样式:它是CSS资源文件。在head标签内,定义link标签,引入外部的资源文件.如:

   

a.css文件:

 

div{

 

color:green;

 

}

 

 

hello css

 

hello css

 

需要注意的是,前三种方式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


网站名称:CSS的基本概念、作用、使用、语法和属性
本文网址:http://kswsj.cn/article/jphpde.html

其他资讯