I can not edit .css files correctly and comfortably without right editor. My .css files are like this.

I tried to find .css plugin but failed with this.
What should I do now?
Related
when I create a .html file in vs code, a new file is created but I can't write any code in it or edit it. How can I fix this? .html file
I searched about the issue on youtube but I only found about the emmet solutions which is not the main issue. I found that to avoid this problem I've to use .htm extension instead of .html extension.the .htm file, which is editable
Im trying to learn sass and JavaScript using VS Code. I created an app folder that holds my js folder which contains my script.js and scss folder that contains my _globals.scss. _header.scss, _variables.scss, and style.scss. I created a dist folder that contains my style.css and style.css.map. I have my html linked to my dist/style.css but I cannot get any of my pages to connect to my html page. I have the #import variables, globals, and header set in my style.scss page but the only styles I can add to my webpage is from the html document itself.
I’ve tried very little because I’m new to web development. Working from a MacBook, I downloaded homebrew, git, and a couple other apps I saw on YouTube. I tried changing my #imports to #use and adding them directly to the style.css but that did not help.
I was expecting by downloading any of those files would get my pages to communicate with each other.
Are you trying to import the .scss files on your styles.css? If so, this is not the right way to work with sass.
To be able to "transform" the .scss files into .css, you have to compile these files using the CLI (command-line/terminal).
This video shows how to do this procedure.
It the above is not the case, could you please send us screenshots of what you're trying to do, it will be really helpful to help you to fix this issue.
Create a new file in CSS(type),
then link that file using the <link> tag in your HTML page using the address of the newly created .css file.
I implemented ngx-sharebuttons and the buttons are loading fine as well as able to share.
The only thing not working is the theme styles are not getting applied because my angular project was created with .css when first created.
I see that the themes are available only in .scss and not .css. Also tried to convert the .scss to .css online but didn't help.
Do we have a .css version of circle-light theme of ngx-sharebuttons If what how can I convert my .css project to .scss. A bit skeptical to convert as I've kept that as the last option.
Thanks
Finally I took a backup of the project and converted it to scss
I've been trying to resolve this issue with my website (www.wintonbrownmusic.online). I've attached a picture of how my site looks locally. When I upload it through GoDaddy, the site looks differently. I understand that others have had this issue but not sure where/how to change the CSS file to link to my website so it'll look the way that it should. Can someone assist?
I'm not sure what your hosting / creating it with, but I had a quick look at your site and found one issue.
Your HTML file is looking for the bootstrap.css file in the assets/css folder, but it appears to be in the root folder.
unless your hosting with something that is supposed to find it there.
not sure.
but when is use http://www.wintonbrownmusic.online/assets/css/bootstrap.css is doesn't work, but if I use http://www.wintonbrownmusic.online/bootstrap.css it does work.
hope that helps.
You have problems with path, If you open the console in inspect element it will show you that you have problems in calling the required files css, js, and other files.
You need to upload folders properly in the host, you need to add folders like you have in local folders in your computers. "assets" folder is missing and you just upload files inside there.
change your folder name as either assets or css ....
assets/css is a folder name because of the slash (/) browser looking for css folder inside assets folder...just give the folder
name correctly try to avoid usage of special character ,punctutation
in folder name
I would like to know if a plugin for SublimeText is available to optimise automatically my .css and .js (like http://cleancss.com/) when i save my file ?
Like that, in my html code I have just to link my .min.css instead of .css and it's always updated.
Thx
If you go to Package Control and search for minify you'll get a number of options. It looks like some of them are web-based, and some rely on local compilers. There are also a couple that only do JavaScript, and the rest do JS and CSS.
Good luck!