列表方块:

有序列表和无序列表 ol/ul 例如<ol: style:"list-style:""  ">

  1、<ol: style:"list-style:"none" ">:none 时间<li>里面内容前边的序号去掉(•ABC)

  2、<ol: style:"list-style:"inside" ">:inside(•ABC)将ABC前边的序号黑点连在一起为一个元素内容

  3、<ol: style:"list-style-image:"" ">:可以将序号(•ABC)变为小图片

格式与布局:

一、位置

  1、position:①fixd(固定):该元素外层没有固定位置的元素时,相对于浏览器边框位置固定

        top.right.bottom.left.用来<div>里面元素的位置

         ②absolute(绝对):是相对于它上一层来说的,它上一层也必须有绝对定位(absolute)/相对于父级元素(浏

         览器,绝对定位的上级)

fixd和absolute唯一区别是absolute随网页滚动而滚动,fixd不随网页滚动而滚动

         ③relative(相对):之前位置——top 50px left 50px——在之前的位置上分别靠下和靠右移动50px/相对自

         身之前的位置

  2、<style type:"text/css">

       *{margin:opx  auto; padding:0px}:auto是指这个<div>居中;元素边框相重叠的小部分去掉

二、流:(folat,可以吧div的默认占一行去掉)

  1、left:向左流;right:向右流

  2、用folat的div在结束之后,要用<div style="clear:both"></div>清流

  3、folat一般要配合margin使用

小知识:

★  做导航栏一般用folat或<ul>来做

★  z-index:使网页的两个元素分层,这两个元素属性里必须要有position或folat;

z-index值越大越靠前

★  *代表全部 它的优先级最低

★  .test:horer{cursor:position} 鼠标变成小手 括号里包括鼠标的各种样式

★   break:用来跳出整个循环  continue:跳出本次循环

有序列表和无序列表、流、格式布局:position的更多相关文章

  1. 9月11日上午HTML有序列表、无序列表、网页的格式和布局

    样式表 六.列表方块 1.有序列表变无序列表 <ol> <li>张店</li> <li>桓台</li> <li>淄川</l ...

  2. 9月5日网页基础知识 通用标签、属性(body属性、路径、格式控制) 通用标签(有序列表、无序列表、常用标签)(补)

    网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...

  3. 前端学习 -- Css -- 有序列表和无序列表

    列表就相当于去超市购物时的那个购物清单, 在HTML也可以创建列表,在网页中一共有三种列表: 1.无序列表 2.有序列表 3.定义列表 无序列表 - 使用ul标签来创建一个无序列表 - 使用li在ul ...

  4. Python中将字典转换为有序列表、无序列表的方法

    说明:列表不可以转换为字典 1.转换后的列表为无序列表 a = {'a' : 1, 'b': 2, 'c' : 3} #字典中的key转换为列表 key_value = list(a.keys()) ...

  5. Markdown中有序列表和无序列表

    最近有用户问我,在简书写 Markdown, 一条有序列表 item 之后接一条无序列表 item,为什么 parse 的结果,第二个 item 依旧是作为有序列表的第二项显示,带有有序列表的列表符号 ...

  6. html有序列表和无序列表

    css控制UL LI 的样式详解(推荐) CSS: 代码如下: #menu ul {list-style:none;margin:0px;} #menu ul li {float:left;} 代码如 ...

  7. 我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子

    昨天写的那篇文章<我教女朋友学编程Html系列(6)—Html常用表单控件>,基本上有1000人左右看了,那边文章是我站在前人的肩膀上修改来的,添加了截图和说明,合并了例子,使之更容易被初 ...

  8. js处理有序列表、js处理无序列表

    有序列表.无序列表 显示id为s下所有的li..隐藏同样 $("#s li").show();

  9. python实现无序列表:链表

    介绍链表前我们先了解下什么是列表. 在对基本数据结构的讨论中,我们使用 Python 列表来实现所呈现的抽象数据类型.列表是一个强大但简单的收集机制,为程序员提供了各种各样的操作.然而,不是所有的编程 ...

随机推荐

  1. vb.net三层实现登录例子

    看三层已经很长时间了,中间有经过了期末考试.回家等等琐事,寒假开学的我已经回想不起什么事三层了,经过了三四天的重新复习,再加上查看各期师哥师姐的博客,终于,自己完成了C#视频中的登录小例子,下面就和大 ...

  2. 铭飞MCMS内容管理系统完整开源版J2EE代码

    当前版本:4.6.0铭飞MS官网:http://ms.mingsoft.net官网同时提供一键运行版本下载,请步移官网....QQ交流群号1:221335098很多人说铭飞MCMS是大天朝国唯一完整开 ...

  3. spring实战一:装配bean之注入Bean属性

    内容参考自spring in action一书. 创建应用对象之间协作关系的行为通常称为装配,这也是依赖注入的本质. 1. 创建spring配置 spring是一个基于容器的框架.如果没有配置spri ...

  4. SPOJ371 Boxes(最小费用最大流)

    把球当作水. #include<cstdio> #include<cstring> #include<queue> #include<algorithm> ...

  5. LightOJ1068 Investigation(数位DP)

    这题要求区间有多少个模K且各位数之和模K都等于0的数字. 注意到[1,231]这些数最大的各位数之和不会超过90左右,而如果K大于90那么模K的结果肯定不是0,因此K大于90就没有解. 考虑到数据规模 ...

  6. TextBlock 格式化内容

    Text="{Binding ContentName,StringFormat=分享好书\{0\}}"

  7. 【BZOJ】1090: [SCOI2003]字符串折叠(dp)

    http://www.lydsy.com/JudgeOnline/problem.php?id=1090 随便yy一下.. 设f[i,j]表示i-j的最小长度 f[i, j]=min{j-i+1, f ...

  8. centos 下如何加入sudo 用户

    当在终端执行sudo命令时,系统提示“ jackluo is not in the sudoers file”: $ sudo ls Password:jackluo is not in the su ...

  9. stack, deque 和 queue的对比

    stack, deque 和 queue这三个c++的STL的数据结构很类似但又各有不同. stack是堆栈,没有迭代器,特点是后进先出.用push()将元素压入栈中,top()返回栈顶元素,pop( ...

  10. state配置语言实战

    修改配置文件:(base用来放初始化环境.prod用来放生产配置环境) [root@super65 ~]# vim /etc/salt/master [root@super65 ~]# mkdir - ...