document.write("hello js 2~") //写入HTML console.log("hello js 3~") //写入浏览器控制台,按ctrl+shift+I,打开开发者工具,控制台显示hello js 3~ </script> </body> </html> 运行结果如下,会有3次输出,写入浏览器控制台的需要打开开发者工具(我的是按ctrl+shift+I),点击控制台查看 3.3 变量 1...
3.事件基础 4.操作元素 一.前端三剑客 1.前导 (1)HTML,CSS,JS都是单独的语言; (2)HTML,CSS,JS构成前端技术基础; 2.三剑客的分工 (1)HTML:负责网页的架构; (2)CSS:负责网页的样式,美化; (3)JavaScript(JS):负责网页的行为; 二.VsCode的介绍与配置 1.vscode的介绍 vscode 全称为 Visual Studio Code...
CSS(层叠样式表,Cascading Style Sheets)是一种用于描述HTML或XML文档外观的样式表语言。它控制页面的布局、颜色、字体等,使网页的内容和样式分离,从而提高页面的可维护性和灵活性。 一、CSS的基本概念 1.1 CSS语法结构 CSS规则由选择器和声明组成,声明部分包含属性和值。基础语法格式如下: 选择器 { 属性: 值; ...
一.css的书写位置 1.内部样式表:课堂小案例,代码量比较少的 在head标签中书写一个style标签,style标签里面就是书写css代码的地方 2.外部样式表:完整大项目,代码量比较大的 1)需要单独创造一个后缀名为.css的文件,这个文件中就是书写css代码的地方 2)让html文件和css文件关联在一起,怎么关联 在head标签中写一...
4.1 什么是CSS 类似房子进行装修一样,网页也需要css的装修,css是网页的样式表现形式 4.2 引入CSS的三种方式 1.直接在标签里面写属性style <divstyle="background-color:red;"><p>Hello world</p></div> 2.在head里面写style标签 <!DOCTYPE html><htmllang="zh-cn"><head><metacharset="UTF-8"><metanam...
HTML+CSS+JS入门基础ppt目录 • 1.HTML/CSS/JavaScript先睹为快 • 2.HTML • 3.CSS • 4.JavaScript 1.1 HTML代码 • <html> • <head> • <title>未使用css,JavaScript的html网页</title> • </head> • • <body> • <h2>未使用css,JavaScript的html网页</h2> • <hr> ...
css精灵图 css精灵是一种处理网页背景图像的方式。将很多小图像合成到一张大图上。精确度某个小图像,使用background-position等样式选择。 补充: 属性选择器 写法:标签[属性:值]后面可以跟多个属性。 JS基础 js是一款运行在客户端的网页编程语言。 组成部分: ...
1.2 CSS代码 使用了css的html网页 h2 font-size:50 pfont-size:20;font-style:italic 使用了css的html网页这是一个使用了css的html网页 1.3 JavaScr 2、ipt代码 使用了css和JavaScript的html网页 h2 font-size:50 pfont-size:20;font-style:italic alert(这是JavaScript起的作用); 使用了css和JavaScript的...
CSS负责网页的表现效果(页面元素的外观、位置等页面样式,如:颜色、大小等),网页的颜值 3.JS JS(JavaScript)是一门跨平台、面相对象的脚本语言。是用来控制网页行为的,它能使网页可交互 JS负责网页的行为(交互效果),网页的动态 二、基础标签&样式 src:指定图像的url(绝对路径/相对路径) ...
CSS是:层叠样式表,作用是将HTML组件,的内容和样式分开,由HTML标签定义显示内容,由CSS定义显示样式。 css定义语法: /*CSS语法:选择器 {样式属性: 属性值;[样式属性: 属性值;]...}*/p {background-color: lightblue;} 引入方式 1- 内部(内联)样式表 ...