@、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] Permutations II 排列

    Given a collection of numbers that might contain duplicates, return all possible unique permutations ...

  2. abstract抽象类和interface接口

    一.抽象类 1.抽象类不能实例化,因为有抽象方法未实现 2.可以被抽象类或非抽象类继承 3.但不是只能被继承,还可以直接拿来使用的,当然,这个使用是拿来声明,反例如下: public abstract ...

  3. centos7下mysql双主+keepalived

    一.keepalived简介 keepalived是vrrp协议的实现,原生设计目的是为了高可用ipvs服务,keepalived能够配置文件中的定义生成ipvs规则,并能够对各RS的健康状态进行检测 ...

  4. svn安装配置使用小总结

    1svn:版本控制系统服务端与客户端协作服务端:subversion客户端:eclipse_svn_site-1.10.5.zip插件1安装问题:    1subversion版本过高    会出现版 ...

  5. (10)centos搭建web服务器 (Nginx+ django)

    安装 python3 sudo yum install python34 安装uWSGI pip install uwsgi 安装 Nginx http://nginx.org/en/download ...

  6. Pacman常用命令

    Pacman是Arch Linux 的包管理器.它将一个简单的二进制包格式和易用的构建系统结合了起来.不管软件包是来自官方的 Arch 库还是用户自己创建,Pacman 都能方便得管理. 更新系统 在 ...

  7. POJ3086 Treats for the Cows(区间DP)

    题目链接  Treats for the Cows 直接区间DP就好了,用记忆化搜索是很方便的. #include <cstdio> #include <cstring> #i ...

  8. Codeforces 746G(构造)

                                                                                                      G. ...

  9. springboot集合pagehelper分页不生效的原因

    也可以

  10. Concurrency(Locking, Blocking and Row Versioning)

    https://www.simple-talk.com/sql/t-sql-programming/row-versioning-concurrency-in-sql-server/?utm_sour ...