0718

# HTML

HyperText Marking Language

数据呈现、标签（元素、节点、DOM对象）固定、所有标签都是可选的

eXtensible Marking Language

数据结构（配置文件），标签不固定（全部都是自定义的），标签都要有开和关，只能有一个根元素，有约束条件来确定那些元素和顺序

## 开发工具

Visual Studio Code

IDEA、WebStorm

## 浏览器

Netscape JavaScript Mozilla Firefox

Internet Explorer

Apple Webkit Safari

Blink Chromium Chrome Edge

## CSS

Cascade Style Sheet 层叠样式表

### 内嵌样式

直接用html元素的style属性

```html
1  <img src="xxx" alt="" style="width:100px; font-family: Simsun">

 

```

### 内部样式

使用&lt;style&gt;元素

元素选择器  

类选择器

id选择器

```html
 1 <head>
 2     <meta charset="UTF-8">
 3     <meta name="viewport" content="width=device-width, initial-scale=1">
 4     <title>登录</title>
 5     <style>
 6        a{
 7           text-decoration:none;
 8           color:blue;
 9        }
10        #myLink{
11           background-color:red;
12        }
13        .btn{
14           display:block;
15           color: #112233;
16        }
17     </style>
18 </head>
19 <body>
20 <a href="#">哈哈</a>
21 <a href="#" id="myLink">哈哈</a>
22 <a href="#" class="btn">哈哈</a>
23 <button class="btn">haha</button>
24 </body>

 

```

### 外部样式

使用link元素引入

```html
1 <head>
2     <meta charset="UTF-8">
3     <meta name="viewport" content="width=device-width, initial-scale=1">
4     <title>登录</title>
5     <link type="text/css" rel="stylesheet" href="plugin/bootstrap/css/bootstrap.min.css">
6     <script src="plugin/bootstrap/js/bootstrap.min.js"></script>
7 </head>

 

```
posted @ 2024-07-18 20:33  咕嘎咕咕  阅读(48)  评论(0)    收藏  举报