您的位置：首页 > Web前端 > CSS

前端 html css 复习

2017-06-24 10:48 246 查看

以前学过不过基本忘记了，先简单复习下。

HTML 就熟悉一些常用标签搬运一下：

<html></html> 创建一个HTML文档

<head></head> 设置文档标题和其它在网页中不显示的信息

<title></title> 设置文档的标题

<h1></h1> 最大的标题

<pre></pre> 预先格式化文本

 下划线

 黑体字

 斜体字

<tt></tt> 打字机风格的字体

<cite></cite> 引用,通常是斜体

 强调文本(通常是斜体加黑体)

 加重文本(通常是斜体加黑体)

 设置字体大小从1到7，颜色使用名字或RGB的十六进制值

<BASEFONT></BASEFONT> 基准字体标记

<big></big> 字体加大

 字体缩小

<STRIKE></STRIKE> 加删除线

<CODE></CODE> 程式码

<KBD></KBD> 键盘字

<SAMP></SAMP> 范例

<VAR></VAR> 变量

<BLOCKQUOTE></BLOCKQUOTE> 向右缩排

<DFN></DFN> 述语定义

<ADDRESS></ADDRESS> 地址标记

 上标字

 下标字

<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)

<plaintext>...</plaintext>固定寬度字體(不執行標記符號)

<listing>...</listing> 固定寬度小字體

...字體顏色

...最小字體

...無限增大

格式标志标签

 创建一个段落

 将段落按左、中、右对齐　
 换行插入换行符

<blockquote></blockquote> 从两边缩进文本

<dl></dl> 定义列表

<dt> 放在每个定义术语词前

<dd> 放在每个定义之前

<ol></ol> 创建一个标有数字的列表

<ul></ul> 创建一个标有圆点的列表

<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,

若在<ul></ul>之间则每个列表项加上一个圆点　　

<div align=""></div> 用来排版大块HTML段落,也用于格式化表

<MENU> 选项清单

<DIR> 目录清单

 强行不换行

<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)

<center></center> 水平居中

链接标志表格标志

<a href="URL"></a> 创建超文本链接

<a href="mailtEMAIL">

</a> 创建自动发送电子邮件的链接

<a name="name"></a> 创建位于文档内部的书签

<a href="#name"></a> 创建指向位于文档内部书签的链接

<BASE> 文档中不能被该站点辨识的其它所有链接源的URL

<LINK> 定义一个链接和源之间的相互关系

CSS

定义各类标签的属性，比起直接在标签内定义，方便太多了。

选择器：

HTML 预定义标签，直接填写属性

h1{

color:red;

}

class标签

.myclass{

color:red;

}

id标签

#myid{

color:red;

}

属性：

字体 Font

背景 Background-color

宽度 Width

高度 Height

box model相关：

从大到小， Margin边距 Border边框 Padding间隙 Content内容
Width定义的就是Conent的宽度

Margin 边距，定义box距离窗口边的距离，默认为四边相同的边距，可以进一步定义 margin-top left right bottom 定义四边不同边距

border边框，定义了box边框宽度，以及边线颜色类型。 border ：2px dashed red；就是2像素宽的红色虚线 solid blue；就是蓝色实线；可以定义 border-radius进行圆角处理。

padding 间隙，定义了box内容离边框的距离

context 内容，图片或文字

display可以格式化视图。

display：bolck，会生成一个块 inline 可以显示在一行等。

float position等。

基本过一遍，然后转向bootstrap。学习前端网页编写~~~

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： spring mvc

相关文章推荐

新的分享

章节导航