@、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. 小甲鱼PE详解之资源（PE详解11）

    原文出自:www.fishc.com 最近一直在安排第一届鱼C 学习班的事情,忙活了好一阵子,真是对不住大家,还大家久等了,这里要跟大家说声不好意思 ^_^ 今天我们来谈谈资源部分,资源部分可以说是 ...

  2. IMAGE_OPTIONAL_HEADER32 结构作用

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

  3. duilib入门简明教程 -- 界面设计器 DuiDesigner (10) （转）

    原文转自:http://www.cnblogs.com/Alberl/p/3343838.html     上一个教程讲解了怎么布局最大化.最小化.关闭按钮,但是如果手动去计算这三个按钮的位置和大小的 ...

  4. linux程序运行浅析

    例如有一个脚本文件tests.sh,内容如下: #!/bin/bash #This is a sample test. cd /tmp echo "Hello, this is a test ...

  5. 用C#将XML转换成JSON

    本文旨在介绍如果通过C#将获取到的XML文档转换成对应的JSON格式字符串,然后将其输出到页面前端,以供JavaScript代码解析使用.或许你可以直接利用JavaScript代码通过Ajax的方式来 ...

  6. Smpt命令顺序不正确。 服务器响应为: Error: need EHLO and AUTH first !

    刚发现以前做的QQ邮箱发送邮件不能用了,查找了下原因:未加( EnableSsl  SSL加密连接 )导致的,顿时觉得很坑,以前QQ邮箱也没有这个限制啊,可能是最近加的. 好吧不多说直接从头走起,照顾 ...

  7. BZOJ1088(SCOI2005)

    枚举第一行第一个格子的状态(有雷或者无雷,0或1),然后根据第一个格子推出后面所有格子的状态.推出之后判断解是否可行即可. #include <bits/stdc++.h> using n ...

  8. addEventListener与attachEvent

    一.attachEvent和addEventListener (一)addEventListener addEventListener() 方法用于向指定元素添加事件句柄.使用 removeEvent ...

  9. Sharing Cookies --AtCoder

    题目描述 Snuke is giving cookies to his three goats.He has two cookie tins. One contains A cookies, and ...

  10. Flexible and Economical UTF-8 Decoder

    http://bjoern.hoehrmann.de/utf-8/decoder/dfa/