前端基础知识学习第二天

       一、 form表单：用来收集用户信息，常用在【用户的登录注册界面】

        基本的语法结构：<form></form>

        文本框:input type="text"

        密码框:input type="password"

        按钮:input type="button" value=""

        提交按钮:input type="submit" value=""

        重置按钮:input type="reset" value=""

        图片按钮:input type="image" src="图片的地址【url】"

        属性：placeholder  提示信息

        value 给一个初始的值

        src 设置图片按钮的路径

        总结：按钮直接的区别【普通按钮和提交按钮   普通按钮只是单纯的点击作用，提交按钮可以提交页面的内容，提交按钮有默认的value值】

        重置按钮起到清空内容的作用

        图片按钮 跟提交按钮作用一致，但是多了两个参数【为点击图片的位置】

二、标签选择器 

        1.标签名{

            属性:属性值;

            ...

        }

        div{

            width:500px;

            height:500px;

            background-color:red;

        }

        2.id选择器[类似于人的身份证号]

        #id值{

            属性:属性值;

            ...

        }

        3.class选择器[类似于人名]

        .class属性值{

            属性:属性值;

            ...

        }

四、 id>class>标签>通配符

五、CSS样式表

1.行内样式 从标签里面加入style属性
style="属性:属性值;..."
参考:<input type="text" placeholder="手机号码" id="ccc" style="width: 500px;height: 500px;">
2.内部样式 从head里面加入style标签
语法:
<style>
     选择器【选择操作哪一个元素】{
         属性:属性值;
         ...
     }
</style>
3.外部样式 从head里面加入link标签
<link rel="stylesheet" href="css文件的地址" type="text/css">
在css文件中：
这个跟内部样式中的是一样的
 选择器【选择操作哪一个元素】{
         属性:属性值;
         ...
     }
注意：外部样式在开发过程中经常使用