码迷,mamicode.com
首页 > Web开发 > 详细

表单、框架结构的大概、CSS开头(选择器以及常用属性)

时间:2019-03-03 16:11:57      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:单选按钮   method   图片   htm   复用   pos   ado   hit   单选   

<!--为网页添加图标,写在头部-->

<link rel="shortcut icon" href="favicon.ico(路径)" type="image/x-icon">

表单fieldset

legend定义表单元素的标题

from(供用户输入的表单)

<from action="后台名" method="post/get" enctype="multipart/from-data">

    表单元素(或者给用户看的文本提示):<input type=”” name=””value=””>

</from>

form 属性:action(往何处提交) method(提交方式,默认get,post是隐藏网页链接中的参数值保证安全性)

如果表单想上传文件,必须加属性,enctype="multipart/from-data"

houtai.php?uid=lisi&pwd123456

select(下拉列表选项)

*例如*

<!--数据从传送先传送value中的值,有则传值,无则传空;若无value值则传送标签中的内容-->

民族:<select name="" id="">

                <option>汉族</option>

                <option value="">回族</option>

                <option value="3">满族</option>

        </select>

option是提供下拉列表的选项。

selected (默认选中 option中的属性)

        multiple选项全部显示;

        size=2 显示两个

 

textarea (文本域)

<textarea name="" id="" cols="30" rows="10"></textarea>

input

表单元素通用格式:<input type="类型" name="" value="">

*type*属性:

text(文本中有name值和value)

password(密码框中同text属性)

hidden(隐藏域)

file(文件)

date(时间日期)

radio(单选按钮,需定义相同的name值实现单选按钮的)

checkbox(复选框,相同的name 值需定义数组传送数据)

*例如*

爱好:<!--aihao 后面加[]变为数组才可以传送过去-->

            <input type="checkbox" name="aihao[]" value="zq">足球

            <input type="checkbox" name="aihao[]" value="lq">蓝球

            <input type="checkbox" name="aihao[]" value="ymq">羽毛球

type中的按钮标签:

button(普通按钮) submit(提交按钮) reset(重置按钮)

<button>提交</button><!--此处的button写在fieldst中则默认为提交按钮,写在外面无意义-->

表单元素:

    通用属性:

        name 规定的是相同的name是同一组的

        value 规定默认值,或者需要传送的参数

文本类型

        属性:readonly="readonly" 只读

        disabled 不可操作

        text(普通文本) password(密码框) hidden(隐藏域)

        textarea(多行文本特殊格式) 

选择类型:

    checked(默认选中,适用于表单各个元素中)

    selected (默认选中 option中的属性)

            multiple选项全部显示;

            size=2 显示两个

        radio(单选)checkbox(多选)

        select option (下拉 特殊标签)

按钮类型:

        button(普通按钮) reset(重置按钮) submit (提交按钮)

其它类型:

        flie(文件) date(时间日期) color(颜色)

框架结构

把一个页面引入到当前页面 易维护 扩展 复用 <br>

   

    <!--定义a标签中的target属性,设置iframe的name属性与a中的target属性值相同的名字,框架内可跳转到定义的页面(可以改变iframe 中的src路径)-->

  <a href="index.html" target="aa" >跳转</a>

<iframe name="aa" width="" height="" src="http://www.baidu.com" frameborder="1"></iframe>

控制文字的移动(了解,可查文档)

<marquee behavior="" direction="">123</marquee>

behavior属性:srcoll从右至左 slide从右到左停止 alternate两边移动

音视频标签

<video src="" autoplay controls(控制器)></video>

*******CSS********

在哪写?!

    1.行内

        写在标签里面以属性的形式表现, 属性名style

        <b id="aa" style="color: red">加粗</b>

    2.内联

        写在head标签内,以标签形式表现,标签名style

    3.外部引用 .css

        写在head内,以标签的形式表现,标签名link

        <link rel="stylesheet" href="">

标红处必须写,规定了打开文件的类型。

    样式格式:

            样式名:样式值;样式名:样式值;

        选择器样式:

            选择器{

                样式名:样式值;

                ......

            }

        选择器:找标签,把指定样式应用到标签上。

            通用选择器:* 所有标签

                        padding:0px;

                        margin:0px;

            标签选择器:根据标签名来找。

            id选择器:根据id的值  #id值

                id在当前文件里,是唯一的!!

            class选择器:根据class的值  .class值

                class可以有多个值,用空格隔开

                例如:<div class="d1 d2 public">2

                        </div>

        其它选择器:

            并列:两个选择器用一个样式用逗号分隔

                选择器1,选择器2{样式}

                例如:#d1,.d1{

                                background:#C76567;

}

            子类:在选中的标签中加空格

                例如:#d1 .pp{

                                color: white;

}

            属性选择器:[选择器 属性名=“属性值”]

                .d1[name=‘uid‘]

        优先级: 就近原则(相同样式,相同选择器) 

            不同选择器,权值(越大优先级约高)

            行内   1000

            id     0100

            class  0010

            标签   0001

            通用选择器 0

权值累加

常用属性:

<link rel="stylesheet" href="(引入一个文件)"><!--这里是导入框架,引用框架内的样式-->

html中文件图片路径:从html文件开始找

css中文件图片路径:从css文件开始找

js中文件图片路径:从引入js文件的html文件开始找

背景:

    backgtound 颜色 路径 平铺方式 位置

    backround-color  颜色 red #000000 rgba

    backround-image  图片 路径

    backround-repeat 平铺

    backround-position  位置

文本:

    color

    text-align

    text-indent

    line-height

    文本转换

字体:(一般在*选择器中设置)

    font-family   微软雅黑(特殊处理)

    font-size

 

表单、框架结构的大概、CSS开头(选择器以及常用属性)

标签:单选按钮   method   图片   htm   复用   pos   ado   hit   单选   

原文地址:https://www.cnblogs.com/Ice-K/p/10465964.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!