@、css那些事儿 -- 第9章 反馈表单

自己编写了CSS，可是红框中的横线比下面的要粗。对比作者的代码，发现可能与上面标题h3的height和line-height有关，但是不知道具体是为什么？

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Document</title>

  <style type="text/css">

    .feedback {

        width:500px;

    }

    .feedback * {

        margin:0;

        padding:0;

        font:normal 12px/1.5em "宋体", Verdana,Lucida, Arail, Helvetica,sans-serif;

    }

    .feedback h3 {

        padding:1px 10px;

        font-weight:bold;

        color:#FFFFFF;

        background-color:#619FCF;

    }

    .feedback .content {

        padding:10px;

    }

    .feedback .content fieldset {

        margin-top:10px;

        padding:0 20px;

        border:0 none;

        border-top:1px solid #999999;

    }

    .feedback .content label {

        float:left;

        width:100px;

        text-align:right;

        color:#AAAAAA;

    }

    .feedback .content .frm_cont {

        margin-top:10px;

    }

    .feedback .content .email input {

        width:200px;

    }

    .feedback .content .url input {

        width:300px;

    }

    .feedback .content .up_file input {

        width:300px;

    }

    .tips {

        margin-left:100px;

    }

    /* .btns {

        float:left;

        margin:0 auto;

    } */

  </style>

 </head>

 <body>

    <div id="" class="feedback">

        <h3>反馈表单</h3>

        <div id="" class="content">

            <form method="post" action="">

                <fieldset class="base_info">

                    <legend>用户信息</legend>

                    <div id="" class="frm_cont userName">

                        <label for="userName">用户名：</label><input type="text" name="" id="userName" />

                    </div>

                    <div id="" class="frm_cont email">

                        <label for="email">电子邮件：</label><input type="text" name="" id="email" value="@" />

                    </div>

                    <div id="" class="frm_cont url">

                        <label for="url">网址：</label><input type="text" name="" id="url" value="http://*" />

                    </div>

                </fieldset>

                <fieldset class="feedback_content">

                    <legend>反馈内容</legend>

                    <div id="" class="frm_cont up_file">

                        <label for="up_file">相关图片：</label><input type="file" id="up_file" />

                        <p class="tips">本系统只支持上传.jpg、.gif、.png图片。</p>

                    </div>

                    <div id="" class="frm_cont msg">

                        <label for="msg">内容：</label><textarea name="" rows="4" cols="40" id="msg"></textarea>

                        <p class="tips">请输入留言内容！</p>

                    </div>

                </fieldset>

                <div id="" class="btns">

                    <button type="submit">提交</button><button type="reset">重置</button>

                </div>

            </form>

        </div>

    </div>

 </body>

</html>

CSS -- 未解之疑的更多相关文章

  1. jquery的css详解（二）

    jq的工具方法style用于设置样式,jq的实例方法css在设置样式时就是调用的它,接下来分析一下源码. jQuery.extend({ ............................ st ...

  2. CSS详解

    Web前端开发css基础样式总结 颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255 ...

  3. IOS之未解问题--关于IOS图像渲染CPU和GPU

    前言:先上一个图.关于UIKit底层渲染机制,这个有待以后花大把时间收集资料和学习,然后汇总,将整篇"未解问题"去除. 反思:半个月前阿里电话面试,问道一个问题图像渲染什么时候回用 ...

  4. DIV+CSS详解

    DIV+CSS详解 ✪DIV+CSS"这种叫法其实是一种不准确的叫法 在做笔记的最前面必须先给大家纠正一个错误,就是"DIV+CSS"这种叫法其实是一种不准确的叫法,是国 ...

  5. 文本溢出显示省略号，CSS未加载时a标签仍可用处理方法

    一.文本溢出打点 (1)单行文本 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; (2)多行文本 overflow : h ...

  6. [CSS Hack]解決IE6、IE7、IE8、Firefox的瀏覽器相容性問題！

    每次調CSS最令人頭痛的就是瀏覽器校正問題,因為每個瀏覽器對CSS的解釋都不太一樣,Firefox本身算是比較照規矩來,處理上比較簡單,但是遇到微軟的IE系列頭就大了,雖然都是IE,但是IE6.IE7 ...

  7. webstorm调试（一）提示css未使用的选择器Selector is never used

    一.css未使用的选择器Selector 今天写vue的时候,给动态绑定了一个class属性,然后样式里面就给了warning,看起来怪怪的,很不舒服

  8. css详解background八大属性及其含义

    background(背景) 以前笔者在css盒模型以及如何计算盒子的宽度一文中提到过盒模型可以看成由 元素外边距(margin).元素边框(border).元素内边距(padding)和元素内容(c ...

  9. 大话css之display的Block未解之谜（一）

    用了几年的css了,css中inline | block |inline-block|table|flex从来没有做过系统的整理和分析,网上的分析文章也很多,零散. 今天有空,就在这做一下整理分析 b ...

随机推荐

  1. IMAGE_OPTIONAL_HEADER32 结构作用

    IMAGE_OPTIONAL_HEADER32 结构作用 接 着我们来谈谈 IMAGE_OPTIONAL_HEADER 结构,正如名字的意思,这是一个可选映像头,是一个可选的结构,但是呢,实际上上节课 ...

  2. error C2275 将此类型用作表达式非法

    http://blog.csdn.net/lqk1985/article/details/7389159 C2275: “size_t”: 将此类型用作表达式非法,同时还导致一堆变量未定义的bug. ...

  3. steam linux 使用socks代理

    环境:Ubuntu 15.10 64bit,Steam:built:May 10 2016 需要的工具:ssh/shadowsocks等socks5代理,tsocks ---------------- ...

  4. Mysql同台机器主从配置

    Mysql主从配置 安装主Mysql 安装前的准备 检查系统是否存在mysql用户 [root@test mysql]# less /etc/passwd | grep mysql mysql:x:5 ...

  5. Codeforces Gym101522 D.Distribution of Days-算日期 (La Salle-Pui Ching Programming Challenge 培正喇沙編程挑戰賽 2017)

    D.Distribution of Days The Gregorian calendar is internationally the most widely used civil calendar ...

  6. Codeforces Round #467 (Div. 2) A. Olympiad[输入一组数,求该数列合法的子集个数]

    A. Olympiad time limit per test 1 second memory limit per test 256 megabytes input standard input ou ...

  7. Hrbust 2363 Symmys （Manacher + DP）

    题目链接  Hrbust 2363 来源  “科林明伦杯”哈尔滨理工大学第七届程序设计团队赛 Problem J 题意  给出一个长度为$1e6$的字符串,求最小可重回文子串覆盖数量 首先Manach ...

  8. Linux内核Crash分析

    转载自:http://linux.cn/article-3475-1.html 在工作中经常会遇到一些内核crash的情况,本文就是根据内核出现crash后的打印信息,对其进行了分析,使用的内核版本为 ...

  9. redis 事件

    事件是 Redis 服务器的核心,它处理两项重要的任务: 文件事件 在多个客户端中实现多路复用,接受它们发来的命令请求,并将命令的执行结果返回给客户端. 时间事件 实现服务器常规操作(server c ...

  10. Android开发常见的Activity中内存泄漏及解决办法

    上一篇文章楼主提到由Context引发的内存泄漏,在这一篇文章里,我们来谈谈Android开发中常见的Activity内存泄漏及解决办法.本文将会以“为什么”“怎么解决”的方式来介绍这几种内存泄漏. ...