HTML+CSS基础01

一下都是随机学习，不分排名前后（这些当初很久以前就学习了但是完全达不到美工那样熟练 所以又开始重新学习一遍来提高自己）东西比较基础，适合新手

1：初学者一般都会讲css写到html里面的<style type="text/css">里面 后期项目比较大的时候一般是html和css分开的。

这时候需要引用CSS，引用的方法是在HTML里面 <link rel="stylesheet" href="URL"/>  位置一般在<title>标签下面。

2：CSS写法  在HTML中写的方法是<style type="text/css"> </style>中间就可以   里面写的内容 在HTML中写了ID的 在CSS中要带#号如下所示 一般直接写 不需要带#

<style type="text/css">
       #h1{
               color:#0000;
      }
    </style>

<h1>You are my heart.<h1>

这两种写法都是一样的 一种是带ID 一种是不带的 带ID的好处 以后出现大量重复的时候  ID是不重复的 所以这样写

<style type="text/css">
       #fd_con2{
               color:#0000;
      }
    </style>

<h1 id="fd_con2">You are my heart.<h1>

3：img 标签 如下  src是路径 alt是不管什么原因显示失败以后就会显示的文字  title 是你鼠标扫过去的时候提示的问题

<img id="img1" src="Image/bigIm/2.jpg" alt="图片加载失败" title="头像图片">

4:这个是 from表单 用来提交参数的 我在里面写了一个table表单

这里面要注意的有几点

• input是输入框 type是选择类型 用户名下面的input type是 文本输入  输入的都可以看到。  密码下面的input，type 也就是类型 是password 密码的意思 这是看不到
• type中 submit 是提交的意思   reset 是重置 就是 你点击以后 所有的 输入框就清空了 

<form method="post" action="Test.html">
            <table>
                <caption>登陆</caption>
                <tr>
                    <td id="user"><label for="username">用户名：</label></td>
                    <td><input type="text" name="username" /></td>
                </tr>
                <tr>
                    <td id="user"><label for="password">密  码：</label></td>
                    <td><input type="password" name="password" /></td>
                </tr>
                <tr>
                    <td><input type="submit" value="确定" /></td>
                    <td><input type="reset" value="重置" /></td>
                </tr>
            </table>
        </form>

Copyright © 1996-2016, Dodlge, All Rights Reserved