如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
前端入门指南
前端入门指南
工具/原料
- html
- css
- js
- jquery
- bootstrap
方法/步骤
1、HTML(HyperTextMarkupLanguage)超文本标记语言
首先,HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签
HTML 使用标记标签来描述网页,如:p,div
2、css(Cascading Style Sheets)层叠样式表
为什么要用css呢,下面这幅图非常形象的告诉你为什么。
第二幅图是是一个简单的css样式,color:"#f00"修改段落的字体颜色,使用的是color属性,":"后面是color的值,使用的是rgb(red,green,blue)值,也可以使用英文,如red(红色)等。
3、js(JavaScript)
JavaScript 是属于 HTML 和 Web 的编程语言。
编程令计算机完成您需要它们做的工作。
js代码写在html页面上的script标签中,也可以引用外部的js文件。下面的js代码会修改h1标签中的内容,可以看到h1标签中的内容被修改了
当然,js可以做的远远不止这个!
4、jquery
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程,也就是说jquery就是js,jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。我们将上面的效果使用jquery做出来。
5、bootstrap
Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。下面使用了bootstrap中内置的css样式,只需要给标签添加class属性text-danger就可以改变字体的颜色,当然功能不止这些,还有内置的组件,和响应式布局。
总结
1、html css
2、js
3、jquery
4、bootstrap
注意事项
- 使用jquery时,需要先引入jquery.js文件
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 434 HTML