Web前端学习笔记1-1-1

最新推荐文章于 2024-05-07 12:25:51 发布

Raquel1993

最新推荐文章于 2024-05-07 12:25:51 发布

阅读量258

点赞数

本文链接：https://blog.csdn.net/u014305060/article/details/51922703

版权

立志做一名让用户有好体验的炫酷前端开发工程师

1）软件：只需要花5%的精力
浏览器（谷歌、IE浏览器、火狐浏览器、苹果浏览器……）
浏览器插件F12
用来写代码的编辑器：记事本、DW、Sublime ...
PhotoShop

2）语言：至少花95%的精力
HTML：“超”文本标记“语言”
语言是和浏览器打交道的（沟通）

标记、标签：<html>
标签对：<html></html> <body></body>
单标签：<meta />

语法：<meta charset="character_set"> 规定 HTML 文档的字符编码

常用的值：

UTF-8 - Unicode 字符编码
ISO-8859-1 - 拉丁字母表的字符编码

在理论上，可以使用任何字符编码，但并不是所有浏览器都能够理解它们。某种字符编码使用的范围越广，浏览器就越有可能理解它。

<img />

CSS：层叠样式表
width : 200px;
height : 200px;
border:8px solid red;

JavaScript：脚本语言（行为）
οnclick=" this.style.width = '800px'; this.style.height = '400px'; "

硬指标！

<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>标题-title</title>
</head>
<body>
内容-content
<div οnclick="this.style.width= '600px';this.style.height= '400px';"style="width:100px;height:100px;transition:1s;border:8px solid green;background:url(http://pic.sc.chinaz.com/files/pic/pic9/201508/apic14052.jpg)">aaadiv</div>
</body>

</html>

（问题处理：onclick事件的width=空格'600px';

记事本字符编码选择UTF-8

sublime安装了插件要先将文件保存为某类型后才能启用）