HTML实现添加内容自动样式(到底应该怎样描述啊~~~~)

原创 2018年04月16日 14:07:07

代码:

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>下拉菜单</title>
    <style type="text/css" media="screen">
        body,ul,li{
            margin:0;
            padding:0;
        }
        ul li{
            list-style-type: none;
            float:left;    
        }
        ul{
            height: 50px;
        }
        .firsta{
            border-radius: 10px  0  0 10px;
        }
        .lasta{
            border-radius: 0 10px 10px 0 ;
        }
        a{
            text-decoration: none;
            display:block;
            background-color:#2f3e45;
            color:white;
            height: 50px;
            width: 100px;
            text-align: center;
            line-height: 50px;
        }
    </style>
</head>
<body>
        <ul>
            <li><a class="firsta" href="#">下拉菜单</a></li>
            <li><a href="#">下拉菜单</a></li>
            <li><a href="#">下拉菜单</a></li>
            <li><a href="#">下拉菜单</a></li>
            <li><a class="lasta" href="#">下拉菜单</a></li>
        </ul>
    <h3>我是测试文字</h3>
</body>

</html>

    一开始将ul放到一个div里面,发现只要内容变多 超出div,就掉出去了,看不到全部内容。看了别人的代码,发现可以不用div,直接用ul,可以给ul一个类名,以此设置其样式(我懒,没有通过类名给ul设置样式,这样是不好的,尤其代码很多很多的时候)。然后给a标签设置样式,首先将其转为block样式,设置宽高文字样式(字体颜色居中等),当给a设置宽高后,你在body标签里不论添加多少内容都可以实现一种一劳永逸的感觉,不需要额外设置样式了。

    原理……我还不是很清楚。待写吧…………

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/c9316/article/details/79959728

在html中向table中动态添加内容,并设置cell字体颜色

在html中向table中动态添加内容,并设置cell字体颜色
  • bsh_csn
  • bsh_csn
  • 2016-08-18 15:04:23
  • 3504

为Html的textarea元素内容设置样式

html元素中,我们在textarea元素中输入的内容,是没有样式的,如果想要输入的字体有颜色或者加粗,等等样式,如何实现呢?可以用div来实现,示例如下:  var str="abcde"; tx...
  • oooooooooooooaaa
  • oooooooooooooaaa
  • 2009-07-05 21:06:00
  • 7846

聊天室html页面提交内容后div内容自动滚到底部

在js中让div的内容自动滚向底部需要将做的就是将div的scrollTop指向div的scrollHeight 代码如下 提交 function tijiao(){ var sc...
  • fwjyttbtx
  • fwjyttbtx
  • 2014-03-11 14:36:24
  • 751

kindeditor自动过滤html中样式

当用kindeditor的【html代码】添加功能的时候。会出现里面自带的样式被过滤掉;一直不知道什么原因。到网上查询资料之后才发现原来:kindeditor默认开启【filterMode】而这个属性...
  • super3000xp
  • super3000xp
  • 2014-12-29 17:06:24
  • 552

Android WebView加载本地统一HTML界面样式文件并填充内容

前言 之前加载HTMl图文都是使用TextView,但是现在需要统一三个端的样式,给出了一个HTML文件,我想反正都是HTML格式的,TextView应该也没问题。我就将文本直接填充进去,一运行。。...
  • AmStrong_
  • AmStrong_
  • 2018-01-17 17:32:23
  • 301

HTML+CSS使用CSS为网页添加样式 (4)

HTML是网页内容的载体,内容是网页开发者放在页面上让用户浏览的信息(包括文字、图片、视频等),而CSS是网页的外衣(样式和表现),比如,标题字体、颜色变化、所有这些用来改变内容外观的东西,称之为表现...
  • delphiwcdj
  • delphiwcdj
  • 2015-02-25 12:50:04
  • 2193

关于用php进行修改html的格式

首先看一下引入的信息---data.php header("Content-type:text/html;charset=utf-8"); $hotSaleContent1 =...
  • qq_28292937
  • qq_28292937
  • 2016-07-15 10:56:40
  • 1507

在Html<span>添加CSS样式

0415MyPage p.tip span{ font-weight:bold; color:#ff9955; }
  • u013227081
  • u013227081
  • 2014-04-15 13:38:46
  • 1793

Jenkins description 不支持HTML问题

升级新版本Jenkins后 Jenkins的view、Job和每次构建的备注及description不支持使用HTML语法编辑备注信息,非常影响观赏性!具体操作如下:点击 Manage Jenkin...
  • dongwuming
  • dongwuming
  • 2017-06-30 10:24:41
  • 651

JS滚动条到网页底部自动加载更多内容

var totalheight = 0; function loadData(){ totalheight = parseFloat($(window)...
  • qincidong
  • qincidong
  • 2012-12-08 14:30:39
  • 15467
收藏助手
不良信息举报
您举报文章:HTML实现添加内容自动样式(到底应该怎样描述啊~~~~)
举报原因:
原因补充:

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