网页设计Web前端学习圈网页前端后台技巧(CSS+HTML)

前端学习之路-CSS介绍,Html介绍,JavaScript介绍

2019-06-23  本文已影响0人  Web前端学习营

标题图

CSS介绍

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

style属性方式

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

p标签作者:

在head中加入style标签作者:

p{color:#FFF000;}

链接方式

总结CSS

选择器名称 {

属性名:属性值;

…….

}

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

属性与属性值用 冒号 连接

选择器

1.class选择器

2.id选择器

.class# id

Html

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

头标签

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

在标签中常用:

字体

标题标签:<h1><h2>…..<h6>

列表

名称Tom名称Tom

    图像

    图像标签:<img>图像地图:<map>

    表格

    表格标签:<table>标题<caption> 表头<th> 行<tr> 单元格<td>

    表格标题姓名年龄dashucoding10

    超链接

    超链接<a href=””>定位标记<a href=”#标记”>

    表单

    文本框 text

    密码框 password

    单选框 radio

    复选框 checkbox

    提交按钮 submit

    重置按钮 reset

    按钮 button

    图像 image

    JavaScript介绍

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

    引入:

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

    document.write("欢迎来到JavaScript世界!");

    functionclickme(){    alert("鼠标单击!");}

    脚本代码的位置

    在<head></head>标记对之间放置

    在<body></body>标记对之间放置

    变量

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

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

    JavaScript区分大小写

    变量的声明和赋值

    定义变量:var name;

    赋值:name = dashucoding;

    常量

    1.整型

    2.浮点型

    3.字符串型

    4.数据类型

    5.弱类型,区分大小写

    数值型

    整型、浮点型

    字符串型

    单引号或双引号引起来

    布尔型

    true, false

    Null、undefined

    运算符

    算术运算符

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

    比较运算符

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

    逻辑运算符

    &&、||、!

    条件运算符

    ?:

    函数

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

    数组

    vararr =newArray();

    for(var x=0; x<arr.length; x++){

    alert(arr[x]);}

    循环语句

    1.for语句

    2.while语句

    3.for…in语句

    4.中断循环语句

    for(初始化;  条件;  增量){    语句;}

    while(条件){                                      语句;             }

    for(变量in对象){    语句;}

    上一篇下一篇

    猜你喜欢

    热点阅读