发表于: 2018-06-09 23:52:39

1 589


今天完成的事情


查看资料ul、ol、li使用方法及技巧

查看button标签

background标签缩写




明天的计划

任务六




遇到的问题





收获

1.ul是无序列表,也就是说没有排列限制可以随意加li;

<ul>

<li>可以随意放置</li>

<li>可以随意放置</li>

<li>可以随意放置</li>

</ul>

 

.可以随意放置

.可以随意放置

.可以随意放置

 

 

2.ol就序列表,会按照你写的li前后依次排列;

<ol>

<li>我是第一</li>

<li>我是第二</li>

<li>我是第三</li>

</ol>

1.我是第一

2.我是第二

3.我是第三

 

 

3.dl是定义列表,会默认前后层级关系;  definition list

<dl>

<dt>我是头</dt>

<dd>我是内容</dd>

<dd>我是内容</dd>

</dl>

我是头

--我是内容

--我是内容 


1、li是不能单独使用,必须在于ul之中的;

 

2、ul是块级元素,能直接定义宽高,而li是行级元素,不能直接定义高。li 只能写在ul之中,直接定义li的宽高是无效的,必须先转换为块级元素;

 

3、ul li无序列表使用范围:

1)、常常用于文章标题列表排版;

 2)、常常使用图片列表排版布局; 

3)、这里说无序标签列表,主要默认情况下ul li标签是没有规律序号; 

4)、ul li我们赋予CSS样式,即可实现各式各样的列表型有规律的列表内容布局;

5)、ul标签下不能直接放内容或其它标签,即使要放都必须放入li标签内,而li标签内可以再放ulol等格式各样标签。

 

4、ol li有序列表使用范围: 

1)、常常用于文章标题列表排版;

 2)、常常使用图片列表排版布局; 

3)、ol li我们赋予CSS样式,即可实现各式各样的列表型有规律的列表内容布局;

4)、ol li列表标签默认样式li具有有序规律数字显示; 

5)、ol标签下不能直接放内容或其它标签,即使要放都必须放入li标签内,而li标签内可以再放ulol等格式各样标签;

6)、ol li标签我们不常用,我们通常使用ul li列表标签。



<button> 标签定义一个按钮。

在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。

<button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容


background背景缩写属性可以在一个声明中设置所有的背景属性。

可以设置的属性分别是:background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment,和background-image.



返回列表 返回列表
评论

    分享到