游客您好
第三方账号登陆
  • 点击联系客服

    在线时间:8:00-16:00

    客服电话

    020-85534346

    电子邮件

    81058337@qq.com
  • 码云社APP

    随时掌握码云社动态

  • 扫描二维码

    关注砺锋微信公众号

7.7前端入门学习总结

发布时期:2020-7-7 22:05
阅读:56 回复:0

7.7学习总结1.表单组件:主模块标签forrm action=””method=””input type=”submit”value=””/form action=””双引号里面写网址(开始到com)Method=””有两种:Method=”get ”Method=”post”get是将用户所 ...

7.7学习总结

1. 表单组件:主模块标签

<forrm action=  method=””>

<input type=submit value= >

</form>

action= 双引号里面写网址(开始到com

Method=  有两种:Method=get   Method= post

get是将用户所有输入显示出来,post是将用户的输入加修饰,看不出原始输入,比如密码的输入,前者可显示,后者没有直接显示

form标签可加多个input标签,

建立输入框:<input type="text" name=" " placeholder="请输入" />    placeholder在输入框中是灰色文字提示操作

单选:<input type="radio" name="" value=" " />

radio代表单选,当多个radioname相同时,表示同一个题目的选择

多选:<input type="checkbox" name="" value=" " />

checkboox 代表多选,当多个checkbox相同时,表示同一个题目的选择

下拉选择:<select name= >

                  <option value=  > 文字描述</option>

              </select>

设置输入文本框大小:<textarea rows="数值" cols="数值">

</textarea>

2.html建立css文件,添加style标签,可任意位置且多个,为简洁美观一般使用一个且放在head标签里面。在style

标签里面可以设置文本显示的样式,

设置方式是 选择器{ 某个样式:某个值 }

受用较多的有  *{  }通类选择器,对全文本起作用;

P{  }   p标签选择器,对有p标签的文本起作用;

.text-warn{} 类选择器,注意前面不能省略.  

 text-warn代表某一类

[hot]{ }[hot=  ]{} 属性选择器,hot是自定义的标签

#P1{  }  id选择器,P1是自定义的id

组合标签:有两种关系:&与关系,|非关系

如:p[hot]{ } 表示与关系,必须两条件

    p,[hot] 中间加了, 代表或关系,只要满足两者之一便可

上下文选择器:

如:ol>li{ } 代表父子关系,必须直接关系

ol li{ }  表示只要构成继承关系就可

伪类选择器:如果多个选择器选中同一个标签,而且对同一个属性进行了赋值,那么,选择范围越小的选择器,优先级越高

注意:选择器有优先级区别:通配*<标签p<.text-warn<

属性[hot="hot"]<id #id 

杠铃(未知职业)-本文作者
这个人很懒,什么也没有留下。
56 0 2020-7-7 22:05
本文暂无评论,快来抢沙发!

扫一扫关注官方微信号

一手信息资讯权掌握尽在码云社

滚动新闻
CODESEEDING(码云社)一家致力于程序员成长、以内容为核心、以提问为引导的多元化成长社区。我们在线上为技术爱好者提供了一个优质的交流氛围环境,在线下同样和众多高校联合开办了技术沙龙品牌。
020-85534346
关注我们
  • 访问移动H5版
  • 官方微信公众号

码云社 - CODESEEDING 2.0© 2018-2019 码云社. TOOBUG ( 粤ICP备16114193号-3 )