CSS-1.CSS入门-如何在IDEA中新建一个CSS工程

• CSS初步了解

• 1.概念

（1）层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

（2）CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。（美化网页）

（3）CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力

（字体，颜色，边距，高度）

（4）网页代码展示

2.发展历史

(1)CSS1.0

(2)CSS2.0

  DIV+CSS,HTML与CSSj\结构分离的思想，SEO

(3)CSS2.1

浮动，定位

(4)CSS3.0

     圆角，阴影，动画…浏览器兼容性

3.CSS优势 

（1）内容和表现分离

（2）网页结构表现单一，可以实现复用

（3）样式十分丰富

（4）建议使用独立于HTML的CSS文件

（5）利用SEO，容易被搜索引擎收录

2.如何在IntellijIDEA中新建一个项目

1.软件介绍

（1）软件版本IntellijIDEA2022.1.3

（2）简介

IDEA 全称 IntelliJ IDEA，是java编程语言开发的集成环境。IntelliJ在业界被公认为最好的java开发工具，尤其在智能代码助手、代码自动提示、重构、JavaEE支持、各类版本工具(git、svn等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。它的旗舰版本还支持HTML，CSS，PHP，MySQL，Python等。免费版只支持Java,Kotlin等少数语言。

2．新建一个CSS学习文件（CSS和HTML独立文件）

（1）打开IntellijIEDA页面如下

（2）新建一个项目

（3）任意选择框中的一个选项

（4）更改项目名称并点击下一步

 

（5）点击创建

 

（6）删除scr文件夹

（7）右键新建一个存放CSS文件的目录

（8）新建第一个CSS文件，规范如下

（9）建立CSS与HTML连接

在HTML文件的head头部间写如下代码：

3.新建一个CSS学习文件（仅在HTML）

（1）-（7）如上所示

（8）仅在HTML文件上编写代码，如下页面

在head头部之间写代码

4.如何更改打开文件的浏览器

（1）点击文件，右键，点击设置

 

（2）搜索web,点击工具栏即可

以上内容学习自百度b站后整理的学习笔记，侵删！欢迎指正。