前端学习之路-CSS介绍,Html介绍,JavaScript介绍
发布日期:2021-06-24 07:05:19 浏览次数:6 分类:技术文章

本文共 1671 字,大约阅读时间需要 5 分钟。

标题图

CSS介绍

学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用csshtml中呢?

style属性方式

利用标签中的style属性来改变显示样式

p标签

head中加入style标签

 

链接方式

总结CSS

选择器名称 {

属性名:属性值;
…….
}

属性与属性之间用 分号 隔开

属性与属性值用 冒号 连接

选择器

  1. class选择器
  2. id选择器

. class

# id

Html

html为超文本标记语言,通过标签来定义的语言,代码不用区分大小写。

头标签

:指定浏览器中标题栏显示的内容。
:网页的描述信息。

在标签中常用:

字体

标题标签:

…..

列表

名称
Tom
名称
Tom

图像

图像标签:图像地图:

表格

表格标签:
标题
单元格
表头
表格标题
姓名 年龄
dashucoding 10

超链接

超链接定位标记

表单

  • 文本框 text
  • 密码框 password
  • 单选框 radio
  • 复选框 checkbox
  • 提交按钮 submit
  • 重置按钮 reset
  • 按钮 button
  • 图像 image

JavaScript介绍

JavaScript是基于对象和事件驱动的脚本语言,为html提供信息的动态交互,安全性高,跨平台性强。JS是基于对象,且是弱类型。

引入:

JavaScript脚本代码嵌入到HTML文档中

 

脚本代码的位置

  1. <head></head>标记对之间放置
  2. <body></body>标记对之间放置

变量

变量名以字母或下划线("_")开头

变量可以包含数字、从 A 至 Z 的大小写字母
JavaScript区分大小写

变量的声明和赋值

定义变量:var name;

赋值:name = dashucoding;

常量

  1. 整型
  2. 浮点型
  3. 字符串型
  4. 数据类型
  5. 弱类型,区分大小写

数值型

整型、浮点型

字符串型
单引号或双引号引起来
布尔型
true, false
Null、undefined

运算符

算术运算符

+、-、 * 、 / 、%、++、--

比较运算符

==、!=、>、>=、<、<=

逻辑运算符

&&、||、!

条件运算符

?:

函数

function  函数名(参数...){    执行语句;    return 返回值;}

数组

var arr = new Array();
for(var x=0; x

循环语句

  1. for语句
  2. while语句
  3. for…in语句
  4. 中断循环语句
for(初始化;  条件;  增量){    语句;}
while(条件){                                      语句;             }
for(变量  in  对象){    语句;}

结语

  • 本文主要讲解 前端学习之路-CSS介绍,Html介绍,JavaScript介绍
  • 下面我将继续对Java、 Android中的其他知识 深入讲解 ,有兴趣可以继续关注
  • 小礼物走一走 or 点赞

送❤

转载于:https://www.cnblogs.com/dashucoding/p/9452764.html

转载地址:https://blog.csdn.net/weixin_30896763/article/details/99353447 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:PHP全栈从入门到精通1
下一篇:Vue系列之 => 自定义全局指定让文本框自动获取焦点

发表评论

最新留言

能坚持,总会有不一样的收获!
[***.219.124.196]2024年04月25日 08时12分53秒