1. 标签名选择器 div { color:Red;} 即页面中的各个标签名的css样式 2.类选择器 .divClass {color:Red;} 即定义的每个标签的class 中的css样式 3.ID选择器 #myDiv {color:Red;} 即页面中的标签的id 4.后代选择器(类选择器的后代选择器) .divClass span { color:Red;} 即多个选择器以逗号的格式分隔 命名找到准确的标签 5.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示
HTML5和CSS作为前端广泛使用的编程语言,其实开发软件非常多,既有轻巧便捷的代码编辑器,也有厚重专业的IDE,下面我简单介绍几个,感兴趣的朋友可以尝试一下:
VS Code这个是微软开发的一个免费、开源、跨平台的代码编辑器,支持常见的语法提示、智能补全、代码高亮、Git等功能,插件扩展丰富,生态环境良好,可编辑语言多达几十种,其中就包括HTML5,CSS等前端开发,界面质黑炫酷,非常符合程序员的风格,使用起来也非常不错:
HBuilder这是一个非常不错的国产前端开发软件,轻巧极速,界面柔绿,清爽护眼,支持常见的语法提示、自动补全、代码高亮,除此之外,还支持markdown功能,可以轻松将H5开发的页面打包成手机app,使用起来非常不错,感兴趣的朋友可以尝试一下:
Sublime Text这也是一个非常不错的代码编辑器,免费、跨平台、轻巧灵活,文本编辑功能强大,常见的语法检查、提示、自动补全等功能都能很好支持,多项目、多窗口切换,快捷命令强大,是一个很不错的前端开发软件:
Dreamweaver这是一个专门用于开发Web网页的软件,可以快速创建网页,支持html,css等代码快速编写,语法提示、自动补全等功能都不错,可以直接编写网页内容,并查看运行效果,对于初学者来说,是一个很不错的软件,可以尝试一下:
Notepad++这是一个轻巧的文本编辑器,开源、小巧、免费,记事本的增强版,大部分开发人员都应该使用过,非常不错,支持的编程语法达27种,自动补全、语法提示、代码高显亮等功能都不错,是一个很不错的软件:
WebStorm这是一个专业的前端开发软件,Jetbrains公司研发,相比于前面的软件来说,这个软件是重量级的,常见的智能补全、代码高亮、语法提示、Git等功能,这个软件都能很好的支持,除此之外,还可以进行代码调试、代码重构等,是一个非常不错的软件:
目前,就分享这6个前端开发软件吧,对于日常开发Html5,CSS,JS等来说,完全够用了,当然,你也可以使用其他软件来完成,像Editplus,Atom,Eclipse,VS等,都可以,适合自己就行,网上也有相关教程和资料,介绍的非常详细,感兴趣的话,可以搜一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言。
chrome浏览器开发者工具打开方式:
1、F12快捷键打开。
2、组合快捷键Ctrl+Shift+I 3、浏览器中的“菜单-更多工具-开发者工具” 调试的话可以直接用组合快捷键Ctrl+Shift+C,可以选中需要调整的元素,开发者工具中有各种属性和值,这是就可以进行修改,并能实时查看效果。
css有两个盒子只需要一个,另一个作为备用。
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有