前端基础笔记-------03

1.文字

<font></font>

作用：设置文字的大小 颜色 字体

属性：size  字体的大小 1-7 小-大

color 颜色

face 字体 楷体 （所有应用的字体 取决于每一台计算机的系统文字库）

2.文字格式化

（1）<b></b>加粗

（2）<i></i>倾斜

（3）<u></u>下划线

（4）<strike></strike>删除线

（5）<em></em>强调体

（6）<strong></strong>重要的文本

（7）<code></code>计算机自动运行输出

（8）上角标

（9）下角标

（10）<address></address>标注地址

（11）<abbr></abbr>提示

（12）<acronym title="层叠样式表单">css</acrony>缩写

（13）<bdo></bdo>属性dir 文字的显示方向 rtl从右向左显示 ltr文字从左向右显示

（14）<span></span>块级元素转行级元素

3.列表

（1）无序列表（几乎所有网站的主导航条）

<url type>

<li></li>无序列表中的项

</ul>
属性type 用来修饰无序列表的项目符号 circle空心圆

disc实心圆（默认）    square

利用css样式  编写无序列表

选择器 {属性1：值1；属性2：值2......}

1.标签

2.类选择器

3.id选择器

ul{list-style:none;}去掉无序列表中的项目符号

li{float:left;}所有的li左浮动（以第一个li为首后面所有的li都会放到第一个li的右侧）

margin-left:20px;调整每一个li之间的左边距为20像素

（2）有序列表

<ol type=" "> A a I  i

<li></li>

</ol>

start 数字

代码例：

例1：

 

例2：

 

 

例3：

 

 

例4：

 

 

例5：

 

 

例6：