实训第一天

准备工具：sublime Text；浏览器

html的部分内容：

新建一个文件夹，将其直接拖到sublime。

右键新建的文件夹可直接打开一个新的文件

html是一个标记语言，其标签需要符合开闭原则

例如<div>...</div>分别为开标签和闭标签

<h1>...</h1>大标题标签，从h1到h6字体依次缩小

<span>...</span>两个span标签在一起不会换行，但是<P>标签会

<span>用来包裹文本内容，分割<P>...</P>内的文本

<pre>...</pre>是一种会把文本的格式一起显示出来的标签，可保存缩进、换行等

块级元素：可以直接设置宽高，默认占一整行

行内块元素：可直接设宽高，不占一整行

行内元素：不可设宽高，不占一整行

嵌套等级:只能往下嵌套

css样式

一个框的格式

margin：外边距

margin-top：上外边距；margin-bottom：下外边距；margin-left；margin-right

margin：10px 20px；上下为10，左右为20；

margin：10px 20px 30px；上为10，左右为20，下为30

margin：10px 20px 30px 40px 分别为上右下左的外边距

padding：框内设框，内框的内边距

border-radius：更改整个框的弧度

<position: relative>

left:30px

left:相对于原先静态位置的left轴偏移了多少距离

<position: absolute>：之前必须有一个框架才可以用

right:0;   该框可以直接贴到后边

position:fixed  固定框架

js语言

添加<script>标签

在里面必须添加一个方法：window.οnlοad=function(){}

三个可以获取框内元素的方法

document.getElementById();//通过设置的id名可以获取数据

document.getElementByClassName();//通过类名获取元素

document.getElementByTagName();//通过元素名获取元素

CSS选择器有五种：

.class    类名选择器

#id        id选择器

tagName       元素名选择器

*                 通配符选择器

html,body,box{

}