发表于: 2018-06-09 23:52:39
1 587
今天完成的事情
查看资料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.
评论