笔记
豆豆不憨
这个作者很懒,什么都没留下…
展开
-
Flex(弹性)布局实例
骰子的布局 下面,就来看看Flex如何实现布局。 你可以到codepen查看Demo 如果不加说明,本节的HTML模板一律如下: <div class="box"> <span class="item"></span> </div> 上面代码中,div元素(代表骰子的一个面)是Flex容器,span元素(代表一个点)是Flex项目。如果有多个项目,就要添加多个span元素,以此类推。 单项目 首先只有左上角有一个点。 Flex布局默认就是首行左对齐,所原创 2020-07-27 11:33:59 · 179 阅读 · 0 评论 -
布局
一、静态布局 静态布局就是传统的网站形式,网页上的所有元素的尺寸一律使用px作为单位。 1.布局特点 不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见于pc端。 2.设计方法 --------PC-------- 居中布局,所有样式使用绝对宽度/高度(px),设计一个Layout,当窗口缩小时,内容被遮挡,呈现横竖向滚动条。转载 2020-07-22 18:46:57 · 107 阅读 · 0 评论 -
HTML5 form表单
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--action:指定当单机表单内的确认按钮时,该表单被提交到那个地址(绝对或相对地址)。该属性必填。 method:指定提交表单时发送何种请求,该属性有get和post两种属性值,通常建议发送post请求,该属性必原创 2020-07-14 10:21:42 · 110 阅读 · 0 评论