@、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. [LeetCode] Populating Next Right Pointers in Each Node 深度搜索

    Given a binary tree struct TreeLinkNode { TreeLinkNode *left; TreeLinkNode *right; TreeLinkNode *nex ...

  2. Linux/Unix编程中的线程安全问题【转】

    转自:http://blog.csdn.net/zhengzhoudaxue2/article/details/6432984 在目前的计算机科学中,线程是操作系统调度的最小单元,进程是资源分配的最小 ...

  3. MSP430 G2553 寄存器列表与引脚功能

    USCI_B0 USCI_B0 发送缓冲器UCB0TXBUF 06Fh USCI_B0 接收缓冲器UCB0RXBUF 06Eh USCI_B0 状态UCB0STAT 06Dh USCI B0 I2C ...

  4. Oracle SQL优化进阶学习

    引言 对于下面的Oracle分页如何优化该段语句: SELECT * FROM (SELECT A.*, ROWNUM RN FROM (SELECT * FROM task_log order by ...

  5. 16Aspx.com-书通网中小学生免费在线学习网站源码 带采集带手机版帝国cms内核

    =============================================== 源码站长资源交易专业网-商业源码下载,VIP源码,程序交易,毕业设计交易,站长交易|- 16aspx.c ...

  6. HDU 6229 Wandering Robots（2017 沈阳区域赛 M题，结论）

    题目链接  HDU 6229 题意 在一个$N * N$的格子矩阵里,有一个机器人. 格子按照行和列标号,左上角的坐标为$(0, 0)$,右下角的坐标为$(N - 1, N - 1)$ 有一个机器人, ...

  7. j2ee性能调优之最小化资源压力测试法则

    前面看到有人讲j2ee的性能调优,虽然这块不是自己的专长,但是猪养多了,也忍不住跳出来说几句. 虽然几乎每本讲性能调优的书籍开篇都会提,没必要的情况下就不要做调优,但是我个人还是认为,所有系统在上线前 ...

  8. git设置远程仓库地址

    方法有三种: 1.修改命令:git remote set-url origin [url] 2.先删除后添加: git remote rm origin git remote add origin [ ...

  9. GridView.setChoiceMode(GridView.CHOICE_MODE_MULTIPLE_MODAL)不兼容低版本号系统解决方式

    项目开发中须要使用GridView批处理操作,多项选择. 可是GridView.setChoiceMode(GridView.CHOICE_MODE_MULTIPLE_MODAL)不兼容低版本号. 找 ...

  10. 负样本采样及bias校准、ctr平滑

    参考:https://zhuanlan.zhihu.com/p/31529643 在CTR预估中,负样本采样是一种常见的特征工程方法.一般CTR预估的原始正负样本比可能达到1:1000~1:10000 ...