从零开始的全栈工程师——html篇1.7

Dean 发布于2019-04-23 13:21 / 1137人阅读

摘要：存在形影分离，所以一般情况下不建议添加值了，一般给子元素当参照位置，或者是元素的微调。实际上，这是属性的特点。表单的内元素文本框密码框单选框多选框普通按钮按钮提交按钮提交下拉列表

position定位与表单

一、position

1、Position细说

Position:relative;

Left:100px;

Top:100px;

Position:absolute;

Left:100px;

Top:100px;

Position：relative；如果设置值了，相对原来的位置进行调整

二者区别

absolute会脱离标准流，relative不会，relative虽然给值了，但是依然占有着原来的位置。
Relative存在”形影分离”，所以一般情况下不建议添加值了，一般给子元素当参照位置，或者是元素的微调。
Absolute 会有一种现象”压盖”效果。

2、position的属性值

四个

1）.relativ（相对定位）

relative属性相对比较简单，我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。比如代码如下图中在小div里有一个相对定位

设置了左边距离为50px 上边距离为100px 就是相对于原来的位置偏移

2）. absolute

这个属性总是有人给出误导。说当position属性设为absolute后，总是按照浏览器窗口来进行定位的，这其实是错误的。实际上，这是fixed属性的特点。

absolute一般与relative一起使用一个元素的父级添加一个相对定位relative 给元素添加绝对定位absolute之后

这个元素就是相对于他的父级移动就不会绕着body移动了代码如下

3）.fixed

fixed是特殊的absolute，即fixed总是以body为定位对象的，按照浏览器的窗口进行定位,即使拖动滚动条，他的位置也是不会改变的。

4）.static

position的默认值

二、表单（form）

1.表单

Action指的使提交的地址比如百度：https://www.baidu.com

Methods 提交方式 post 和get

Get 是在http的url上提交不加密 post加密在http中的一个body对象上提交的。

2.表单的内元素

文本框：
密码框：
单选框：
多选框：
普通按钮：
提交按钮：
下拉列表：

GPU云服务器云服务器从零开始 linux从零开始 python从零开始从零开始php

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1758.html

从零开始的全栈工程师——html篇1

摘要：全栈工程师也可以叫前端主要是网站小程序公众号这一块隶书篇超文本标记语言，标记通用标记语言下的一个应用。超文本标记语言的结构包括头部分英语和主体部分英语，其中头部提供关于网页的信息，主体部分提供网页的具体内容。全栈工程师也可以叫web 前端 H5主要是网站 app 小程序公众号这一块 HTML篇 html(超文本标记语言，标记通用标记语言下的一个应用。) 超文本就是指页面内可以包含图片、链接...

sydMobile 2019-04-23 13:24 评论0 收藏0
从零开始的全栈工程师——html篇1.2

摘要：权重行内样式把当做标签来用写在之间外部引用把当做文件来用在里加一条路径这里的可以舍去因为后面的文件名是会默认这条标签是和是必不可少的。嵌入式这个前期一般用不到就是一个样式表里引入另一个的样式表起名方式与CSS 一.起名方式(起名方式也叫选择器) 起名的目的是为了给标签添加属性常见的3种选择器有标签选择器 id选择器(使用的时候加#) class选择器(使用的时候加.) 样式的...

saucxs 2019-04-23 13:24 评论0 收藏0
从零开始的全栈工程师——html篇1.4

摘要：背景与边框一背景背景颜色简写备注以下给设置可能不起作用需要用到背景图片简写背景图片的平铺平铺浏览器默认平铺只平铺横向和纵向不平铺背景大小与位置大小大小属性值的写法有具体设置大小自适应位置背景位置也是坐标轴向下为正像右为背景与边框一、背景(backgound) 1.背景颜色：background-color:red;(简写：background:color;) 备注：ie9以下...

yedf 2019-04-23 13:23 评论0 收藏0
从零开始的全栈工程师——html篇1.3

摘要：文本字体样式与前期英语单词汇总一文本样式颜色文本对齐方式左对齐居中对齐右对齐两端对齐文本修饰空上划线下划线删除线文本缩进缩进二字体样式字体大小大小字体颜色注意不要写成字体形状这个了解一下就行一般用不到字体字形微软雅黑宋体楷文本、字体css样式与前期英语单词汇总一、文本样式(text) 　　1.颜色：color:red; 　　2.文本对齐方式：text-align:left/center/r...

ingood 2019-04-23 13:24 评论0 收藏0
从零开始的全栈工程师——html篇1.5

摘要：列表与边距探讨和行块一列表无序列表内部必须有子标签天生自带内外边距也是自带大家会发现用的时候内容前面会出现一个像这样的一个实心圆可以用属性去掉也可以更换空心圆实心圆正方形空有序列表内部必须有子标签天生自带内外边距属性是标签属性只能写在行列表与边距探讨和行块一、列表 1.无序列表（UL） 1）内部必须有子标签2）天生自带内外边距 p也是自带大家会发现用UL的时候内容前面会出现一个像这样的一...

booster 2019-04-23 13:23 评论0 收藏0