CSS学前须知:如何用社区版IDEA写CSS

CSS学前须知!!!

问题解决链接:(1条消息) idea新建项目里面没有CSS选项什么原因?-前端-CSDN问答

首先要注意的是,社区版IDEA的CSS是没有提示功能的,不会自动提示补足代码,完全需要个人手敲代码

另外,社区版IDEA是不能直接创建stylesheet文件的,可以新建一个文件,然后后缀名为.css就行

但是,这样用直接更改后缀的方式创建.css是不能直接编译的,需要在相关的HTML文件代码中引用才行!!!! 操作步骤如下:

  1. 养成一个如下图的好习惯,每次练习都这样建文件夹
  2. 首先要新建一个文件,命名时加.css后缀
  3. 建好css文件以后,css样式代码就不用写在html的head部分了,直接写在这个css文件里
  4. 最重要的一步:写好css以后,一定要在想要运行的html文件里边引用这个css文件,才能把在这个css文件里写的样式套进该html文件生成网页。引用格式如下
<body>
    
<link rel="stylesheet" href="css/style.css">
<h1>标题一</h1>

</body>



如上两图,引用后成功改变一级标题字体颜色为红色

posted @ 2022-04-22 21:51  无关风月7707  阅读(2953)  评论(0编辑  收藏  举报