欢迎访问牛耳教育官网 专注实战IT培训技术20年!
400-0731-162
当前位置:IT培训机构 > Web前端培训 > (CSS前端基础入门)CSS基础入门学习笔记整理

(CSS前端基础入门)CSS基础入门学习笔记整理

时间: 2020-08-08 | 作者: admin | 分类:Web前端培训 | 关键字:CSS | 阅读量:

导读:最近牛耳教育了解到很多同学还对(CSS前端基础入门)CSS基础入门学习笔记整理有疑问,那么今天小编就来进行简要介绍,CSS虽然不是编程语言,但是我们可以把它看作是一种用来表现HTML的计算机语言。CSS能够对网页

CSS虽然不是编程语言,但是我们可以把它看作是一种用来表现HTML的计算机语言。CSS能够对网页中元素位置的排版进行像素级精确控制,因此通过CSS的学习,我们就能制作出一个优美的网页。本文主要为大家整理了CSS基础入门学习的笔记,内容包括了CSS的基本概念、作用、使用、语法和属性,下面我们来一起进入CSS的学习世界吧!

 

CSS基础入门学习笔记整理

 

1、CSS的基本概念

 

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

 

2、CSS的作用

 

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

 

3、CSS的使用

 

(1)内联样式:在标签内使用style属性指定css代码。如:<div style="color:red;">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

 

以上就是CSS基础入门学习笔记的全部整理。当然,对于才刚刚入门的初学者来讲,想要完全理解以上的基础内容,可能还比较困难。建议大家在牛耳教育官网进行相关视频的学习,相信有了在线老师的耐心指导,大家即使是零基础也可以轻轻松松的入门。

 

免责声明:本文内容来源于公开网络,若涉及侵权联系尽快删除!,【本文标题和网址】(CSS前端基础入门)CSS基础入门学习笔记整理:http://www.csnewer.com/qdxuexi/602.html
申请免费试学
快捷咨询
资深IT讲师一对一为您解答IT问题
电话
咨询服务电话
400-0731-162
微信
IT培训_java培训机构_专注于实战IT培训技术20年-牛耳教育官网
关注了解更多IT知识
QQ
热门课程
java软件开发课程 Java是一种可以撰写跨平台应用程不齐人60%Java工程师缺口序的面向对象的程序设计语言。Java技术具有卓越的通用性、高效性、...
嵌入式应用开发课程 嵌入式开发就是指在嵌入式操作系统下进行开发,包括在系统化设计指导下的硬件和软件以及综合研发。除暂且分离硬件的...
软件测试课程 软件测试具有人才缺口大、发展方向广、专业无限制、适合零基础、技术上手快、职业生涯稳等优势。 人才缺口大 国内测试...
Web前端开发课程 web前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方...
java+大数据课程 什么是Java大数据? Java,是一门面向对象编程语言,具有功能强大和简单易用的特征。作为**受欢迎的计算机语言,发展至今...
python人工智能课程 Python是一门神奇的编程语言,它具有简单易学、就业面广、就业薪资高、竞争压力小、开发效率高、行业风口等6个优势,下...
热门资讯
本文:(零基础学java)零基础也能学Java,5大Java学习方法!,最近有很多同学来问小编,关于学习java的方法,下面小编根据...
Web前端培训机构的好坏直接决定了你学习后的就业薪资,市面上web前端培训机构那么多,应该如何选择靠谱的web前端培训机构...
大家的生活已经离不开嵌入式就连常用的共享单车都离不开嵌入式。所以越来越多的人看中了嵌入式的就业前景,转行来做嵌...
打算参加嵌入式培训的同学对于嵌入式培训课程的内容都特别的关心,只有在了解了课程内容之后才能更好的知道这个嵌入式...
当谈到Python时,一般指的是CPython。但Python实际上是一门语言规范,只是定义了Python这门语言应该具备哪些语言要素,应当能...
2020年学习嵌入式晚不晚?1、学技术不像学艺术,只要坚持,任何时候学都不晚。很多人对于学习嵌入式应用开发都会有所顾...
本文(零基础学python)0基础学习Python容易犯哪些错误呢?主要介绍1. 忘记写冒号 在if、elif、else、for、while、class、def 语句后...
参加IT培训,学哪个技术前景更好呢?java开发、大数据、人工智能、机器学习都是很好的方向。至于选择什么专业,这需要根...
web前端开发火爆了,岗位也紧俏了,薪资也提升了,随着2020年的到来,很多想要入行web前端的学子纷纷加入到web师培训学习...
it培训学校有用吗?其实判断IT培训学校有没有用,看培训的课程是否能满足自己的需求就可以了,如果培训的课程自己都了...