首页 > 其他 > 详细

8.23学习笔记

时间:2018-08-23 21:56:56      阅读:210      评论:0      收藏:0      [点我收藏+]

表单

技术分享图片

 

form,它的格式是<form ation=‘’ ‘’  method="post">   </form>

   ation是提交地址,网址

  method是提交方式,除了post还有get,post

  input 输入

<input type=""   value="">

     type是输入类型

   输入类型有text 文本框

         button 按钮

      password密码框

      多选框 checkbox

      单选框 radio

        提交按钮 submit

                    name是提交给后台的一个。

技术分享图片

案例分析

i 标签 <i></i> 放小图标

Li  去项目符号

List-style:none;

Ul li p 这些标签 他们天生自带内边距。

选择器

子一代选择器 选择元素儿子级别 .aa>p  选择.aa下的儿子级别的p标签

技术分享图片

后代选择   .aa p   表示aa下面的所有p 不管是儿子还是孙子

技术分享图片

结构选择器 .aa>p:nth-of-type(number)

 技术分享图片

 

并集选择器 .liu,.ha{}

 技术分享图片

 

交集 p.ha{}

 技术分享图片

 

全局选择器

技术分享图片

 

* 代表所有的标签

*{}

 

 

浏览器默认字体大小 16px

Img 添加图片会有余白

Vertical-align:middle;

list-style:none 去掉序列前面的项目符号

text-decoration:none去下划线

text-indent:10px  缩进十个字符

vertical-align:middle

 

按照老师教的方式实践了下做登录框,效果如下图:

 

技术分享图片

 

8.23学习笔记

原文:https://www.cnblogs.com/houshuangle/p/9526194.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!