- 博客(8)
- 收藏
- 关注
RSS订阅原创 移动端布局和响应式布局了解下
好久不更新了，因为到大三确实特别忙了。。每天都在图书馆里。今天来说说几种布局方式吧????????移动端的布局。因为上篇太长了好像发布不了完整的，把接下来的发在这儿了 rem+less+媒体查询 介绍：less { less变量， less编译(安装vocode.less插件，安装次插件，可以自动将less文件生成css文件)， less嵌套 less运算 } 建一个css文件，用媒体查询分别写好不同屏幕下的根元素HTML的font-size大小， 然后可以用import引入这个文件到我们的主要的les
2021-04-25 12:55:01
144
原创 移动端布局和响应式布局了解上
啊啊啊，我写了好久的东西被我没保存下来直接没了我快。。。！！！！我好烦人，我写了一个多小时。就是移动端布局上那个。????????????移动端布局几种方法： 流式布局(百分比布局)： ①先设置body的min-width和max-width ②把每一个最大的那个父元素宽度设置为百分比(即所有元素的宽度设置为百分比，高度定死) ③图片的宽度一定要设置为100%,让它的高度自适应 ④有的时候两个盒子的宽度都设置为50%，但是屏幕伸缩的时候会把另外的盒子挤下来，因为可能设置了padding值，margin值
2021-04-25 12:02:32
70
原创 移动端布局以及响应式布局简单了解下
好久不更新了，因为到大三确实特别忙了。。每天都在图书馆里。今天来说说几种布局方式吧????????移动端的布局。因为上篇太长了好像发布不了完整的，把接下来的发在这儿了 rem+less+媒体查询 介绍：less { less变量， less编译(安装vocode.less插件，安装次插件，可以自动将less文件生成css文件)， less嵌套 less运算 } 建一个css文件，用媒体查询分别写好不同屏幕下的根元素HTML的font-size大小， 然后可以用import引入这个文件到我们的主要的les
2021-04-25 11:28:22
104
原创 表单规范书写
表单元素规范： 一般表单由文字部分，和表单部分组成。文字部分用label标签，表单用input标签。 有时候，文字总是与label不在一条线上，或上或下。所以我们可以用vertical-align来调整文字上下位置。一般默认情况下，文字与表单的对齐是 vertical-align:baseline对齐的。当文字变小是例如， font-size:12px vertical-align：-3px font-size:14px vertical-align:-2px 关于textarea: ①固定大小...
2021-03-03 13:53:50
376
原创 css里的居中问题
水平居中，垂直居中。 text-align：对行元素，行内块元素有效。是在父元素里设置。能够用text-align使img元素水平居中 vertical-align:对行元素，行内块元素，table-cell元素生效。(①inline元素和inline-block元素的vertical-align是针对周围元素的，即定义的是周围元素相当于当前元素的的对齐方式。②table-cell元素的vertical-align属性是针对自身而言的，即定义的是内部子元素相对于自身的对齐方式 ) 不能够直接用vert...
2021-03-03 13:09:24
71
1
原创 浮动
大家知道，在流式布局里最常见的布局工具就是浮动和定位。 形成脱标 一旦元素设置为了浮动，那么元素就会形成脱标。什么是脱标，脱标指的就是元素脱离原来的位置，浮动在其他没有设置浮动的元素之上。没有设置浮动的元素可以占领设置了浮动的元素的位置，即浮动的元素已经脱离标准文档流。 具有行内块元素的特征 浮动的元素会自动有了行内块元素的特征，即变成了行内块元素，无论是块元素，还是行元素设置了浮动，都会变成行内块元素，并且具有了行内块元素的特征：可以设置宽高，几个元素可以同时占领一行的特征。 什么时候用浮动呢
2021-03-01 22:13:08
63
原创 基础知识css
因为之前有学习过，也写过静态页面，但是记得就不牢靠。所以就每天记录一下吧。 css中的单位问题，分为绝对单位和相对单位。像平时用得比较多的像素px就是相对单位，而em 和rem则是绝对单位，rem是css3中新引入的单位，除了ie8,一般浏览器都可适用。1em=当前元素的字体大小。1rem=根元素的字体大小，所以，一般响应式布局用到。 css有两大特性，继承性和层叠性。一：继承性，关于继承性，像padding，margin和border这些属性是没有继承性的，W3C为了方便前端人员才设计了css的继承性，
2021-02-28 22:11:34
52
原创 前端中基础知识
①行内块元素有：img和input ②块元素和行元素的区别：首先，块元素是独占一行，而行元素是不能独占一行的，其次，块元素可以设置宽高，而行元素不行它是由内容撑起来的，只有将行元素转换为块元素或者行内块元素才能够设置宽高，最后，块元素可以包含行元素，也可以包含块元素。但是行内元素只能包含行元素。块元素的padding和margin上下左右都有效，而行元素padding和margin只对左右有效 ③块元素有哪些：div h1-h6 ol li ul 行元素：span i a em strong s
2021-02-28 21:23:34
105
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人