front-end development 总结

来源:互联网 发布:游民星空mac游戏 编辑:程序博客网 时间:2024/04/30 13:26

       做了近1个月了,该是总结下的时候了。

     没有什么比阅读源码更好的学习方式了,另外就是配上notepad++


<meta>:用于设置一些头信息

<style>…</style>定义CSS格式

<a>锚点标签,链接标签

./***相对路径,../**上一级路径

align 对齐方式,取left ,right

&nbsp空格

<p>…<p>分段落显示

<div>…</div> <span>…</span>分块显示

<ul>…</ul><li type=“disc circle square”>…</li>符号列表

<form>,,,</form>表单

type=Radio单选,checkbox多选

文本框 text

<input type=“text” name=“” value=“” maxlength=“” size=“”>

maxlength – 最大字符长度

size – 文本框宽度(字符)

单选按钮

<input type=“radio” name=“” value="" checked>

复选框

<input type=“checkbox” name=“” value=“” checked>

典型的用法 : 同一name,不同的value

隐藏域

<input type=“hidden” name=“” value=“”>

<input type=button name=“” value=“”>按下该按钮没有反映

<input type=submit name=“” value=“”>

按下该按钮,该form中所有的输入信息将被提交到服务器

text-indent:缩进

margin边距属性,padding填充属性,border边框属性


DOM文档对象模型,BOM浏览器对象模型。

div:指定渲染HTML的容器

span:指定内嵌文本容器

通俗地讲就是如果里面还有其他标签的时候就用div,如果里面只有文本就应该用span

div是一个块级元素,用来为HTML文档内大块的内容提供结构和背景

span是行内元素,在行内定义一个区域(也就是一行内可以被<span>划分好几个区域)

div标签中可以镶嵌span标签,(div可以看做是一个大容器,span是一个小容器,大容器当然可以放下一个小容器


label标签主要用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点

span则是对普通的文本的一种容器。

<div class="content"></div>

<div>定义一个层`~
class=
是为这个层指定一个样式`
content-title即为自己定义的一个CSS样式`~

<label for="TextBox1">您的名字</label>  //当你点击您的名字这几个字实 让TextBox1获得焦点

strong代表加粗字体
class="replace_mark_60y"
代表给strong起个类名

&nbsp在html里是空格

style="cursor: move;让弹出的窗口可移动

text-decoration:none:去除下划线

CSS就负责两块:定位和渲染。(样式和布局)

Html就是静态页面。

Js就是脚本语言,做动态的东西,如用户操作的响应,和服务器的数据处理。

0 0