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

旧城等待， 2021-09-16 02:08 514阅读 0赞

![标题图][1240]

## CSS介绍 ##

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

## style属性方式 ##

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

在`head`中加入`style`标签

<head>
     <style type=”text/css”> p { color: #FFF000;} </style>
    </head>

链接方式

## 总结CSS ##

> 选择器名称 \{  
> 属性名：属性值；  
> …….  
> \}
> 
> 属性与属性之间用 分号 隔开  
> 属性与属性值用 冒号 连接

## 选择器 ##

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

> . class  
> \# id

## Html ##

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

头标签

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

## 在标签中常用： ##

字体

> 标题标签：
> 
> #  #
> 
> ## ….. ##
> 
> ######  ######

列表

图像

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

表格

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

<table border="1" width=”100%”>
        <caption>表格标题</caption>
        <tr algin=”center”>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr algin=”center”>
            <td>dashucoding</td>
            <td>10</td>
        </tr>
    </table>

超链接

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

表单

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

## JavaScript介绍 ##

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

引入：

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

<input type="button" name="mybtn" value="伪URL引入" onclick="javascript:alert('鼠标单击！')"> 
    <script language="javascript" type="text/javascript"> function clickme() { alert("鼠标单击！"); } </script>
    
    <form name="myform">
       <input type="button" name="mybtn" value="按钮" onclick="clickme()">
    </form>

## 脚本代码的位置 ##

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

## 变量 ##

变量名以字母或下划线（”\_”）开头  
变量可以包含数字、从 A 至 Z 的大小写字母  
`JavaScript`区分大小写

## 变量的声明和赋值 ##

> 定义变量：var name;  
> 赋值：name = dashucoding;

## 常量 ##

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

## 数值型 ##

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

## 运算符 ##

**算术运算符**