说到在idea里建个CSS文件夹,然后应用CSS文件,其实很简单,步骤也挺straightforward的。你需要先在你的项目文件夹里右键新建一个文件夹,名字一般就叫“css”,这样文件归类更整齐。接着,你就在这个“css”文件夹里新建你的样式表文件,比如style.css。
然后用HTML引入这份CSS,代码是这样的:
<head>
<title>文档标题</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
这样浏览器就能加载你写的外部样式表啦。顺带一提,如果你只是想给当前HTML文档加点小样式,还可以在<head>里直接写<style>标签,插入内部样式。可是,这样就不利于代码复用,所以最好还是用外部的.css文件,特别是项目大了之后,管理起来可方便多了。

关于DW CS6新建CSS样式,这步骤其实挺直观的,不过刚开始用可能得跟着走几遍:
顺便说下,在MyEclipse里创建CSS文件也没啥难度:
如果用WebStorm的话,流程蛮类似:
哎呀,熟悉之后操作真的特别顺手,大家肯定分分钟上手!

说实话,在idea创建文件夹特别easy,右键项目选择“New” -> “Directory”,输入名字就好了。然后你只要把.css文件放进去,直接通过HTML里的<link>标签引用。不管是写网页还是搞大型项目,这个方法都超级管用,方便老叻!
嘿嘿,DW CS6里的CSS面板超棒!你直接点击“+”生成新样式,选择作用元素,调字体啥的都能一点点完成,超级直观。还有哦,尽量用外部CSS文件,这样改动一处全项目生效,效率飞升没跑。
只要跟着File -> New -> Other,然后输入css关键字,再填名字按钮一按,文件就出来啦!不得不说,这套路适合不会折腾的小伙伴,简单且稳妥,省时省力。
不复杂不复杂!点File,新建,选Stylesheet,填名字,点Finish,哇塞,一个新的css文件就诞生了!而且WebStorm自动帮你放在项目里,很便捷,真心推荐给码农们试一试!
添加评论