CSS | IDEA中CSS文件的学习、新建与显示

一、CSS文件的学习

  1. 什么是CSS?https://baike.baidu.com/item/CSS
  2. CSS文件的快速学习:http://www.runoob.com/css/css-tutorial.html

二、CSS文件的新建

  • web -> 右键 -> New -> 单击Stylesheet
    CSS | IDEA中CSS文件的学习、新建与显示_第1张图片
  • 输入文件名 -> 单击OK
    CSS | IDEA中CSS文件的学习、新建与显示_第2张图片
  • 出现如下界面
    CSS | IDEA中CSS文件的学习、新建与显示_第3张图片

三、CSS文件的显示

  • 编辑CSS文件
    CSS | IDEA中CSS文件的学习、新建与显示_第4张图片
  • 在HTML文件中引入CSS文件 -> 单击自己电脑上有的浏览器
    CSS | IDEA中CSS文件的学习、新建与显示_第5张图片
  • 出现如下界面
    CSS | IDEA中CSS文件的学习、新建与显示_第6张图片

你可能感兴趣的:(CSS)