首页 > 其他 > 详细

8.23学习笔记

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

表单 form

技术分享图片

Action 提交地址 网址

Method  get   post 

input 有个type的属性,type决定这个input的类型

 技术分享图片

Name  是提交给后台的一个参数  value 是初始值  id就是id名

 

案例分析

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;。

      今天我们学习了如何做链家网页的登录页面表格,登录框。

技术分享图片

因为各种框架结构元素什么的比较多,一会做一做就混乱了,写前面的元素就会忘了给div起了什么名。

一直向老师咨询怎么可以简单一点,不用起那么多名字,学习到了选择器

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

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

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

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

交集 p.ha{},

全局选择器   * 代表所有的标签  *{}技术分享图片

通过这样写会简单明了一些。

8.23学习笔记

原文:https://www.cnblogs.com/liuyangya/p/9526205.html

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