HTML中标签UL,LI和浮动,颜色,像素单位的认识

原创 2015年11月18日 23:23:01


单位:

   ->在大部分浏览器中,非标题的文本字号默认都是:16px
      记住一个公式:
      1em = 16px = 100% 
   ->字体大小是可以继承的,如果一个父元素设定的字体是:14px 子元素设定2em      那么就是28px


样式:给标签元素的----包裹图片与文字的
   ->布局样式:width、height、margin、padding、display、bottom、position
              float、left、right...
   ->字体样式:font-size、color、line-height、text-align、text-shadow..
   ->背景样式:background、background-color、background-image、
               background-size..;
    >样式分为:内联样式、内部样式、外部样式
       -->内联样式:style="名称:值;名称1:值1"(写在标签内)
       -->内部样式:<style>样式列表</style>
       -->外部样式:通过<link href="样式地址" rel="stylesheet">


    >选择器优先级:id id> id>id class>class class>标签


    >样式列表的优先级:!import>内联样式>内部样式>外部样式
      -->内联样式:<a style="名称:值;名称1:值1"></a>
      -->内部样式:<style>内部样式列表</style>
      -->!import:{color:red!import}
版权声明:本文为博主原创文章,未经博主允许不得转载。

ul li的float的事情

浮动到底做了什么? 浮动如何影响元素的盒模型? 浮动的元素和行内元素有何不同? 调整浮动元素的位置是通过什么规则进行的? clear属性如何工作,它的目的又是什么? 浮动甚至能绊倒有经验...
  • wangdabin_1216
  • wangdabin_1216
  • 2012年12月09日 20:24
  • 14301

HTML之ul背景色

问题描述: 在使用ul制作下拉菜单时,效果如下,要给菜单栏(即ul)加上背景色,发现background-color没起作用。查看ul元素盒子大小,发现盒子高度为0。HTML: ...
  • SkullSky
  • SkullSky
  • 2017年01月20日 21:21
  • 2380

html使用ul li 标签实现多级横向菜单

涵涵
  • u012997311
  • u012997311
  • 2015年12月29日 12:15
  • 4377

HTML标签ul、li、和div布局工具的妙用

今天针对不同的网页编写布局写下自己的心得: 按F12键,我们可以看到不同的网页布局形式。即使是淘宝、京东等大牌电商的网站,也能看到网页布局的不足。 主要就是代码结构混乱,不能很好的让人一眼知道编写...
  • bruceslash
  • bruceslash
  • 2015年05月07日 23:39
  • 3968

如何让浮动后的li在ul中居中显示

其实,只要 ul 的父元素 css 样式设了 text-align: center; 然后 ul 设了 display: inline-block; li 再设 display: inline; 就可...
  • zamamiro
  • zamamiro
  • 2017年03月29日 21:25
  • 3664

li浮动引起ul高度坍陷的解决方法

我们都知道float在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”。 元素浮动之后,它脱离当前正常的文档流,所以无法撑开其父元素,造成父元素的高度塌陷。如下的代码...
  • oldinaction
  • oldinaction
  • 2015年12月20日 18:22
  • 1658

html中动态向ul或者ol中添加li元素

无标题文档                 function addt(){ //获取文本输入框中的内容 var text1=document.getElementById("t").val...
  • xunannan0624
  • xunannan0624
  • 2016年11月07日 11:49
  • 3214

HTML网页制作之DL、DD、DT标签替代UL、LI

HTML网页制作之DL、DD、DT标签替代UL、LI
  • netuser1937
  • netuser1937
  • 2017年02月08日 08:46
  • 636

html——ul、li导航栏居中的两种办法

总结了下导航栏的制作方法:一种是用float设计,提前设置好高度与宽度,然后将要显示的元素设置为float::left依次显示。 ji...
  • xcymorningsun
  • xcymorningsun
  • 2016年12月05日 16:21
  • 11123

html中ol,ul,li 分别是哪几个英语单词的缩写?

ul: unordered lists ol: ordered lists li: list item
  • sinodragon21
  • sinodragon21
  • 2014年06月17日 21:11
  • 3704
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML中标签UL,LI和浮动,颜色,像素单位的认识
举报原因:
原因补充:

(最多只允许输入30个字)