前端LV1
关注
分享
扫一扫
水兮泱泱
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css 图片底部多出的空白
1、首先了解基线参考： 简单说说vertical-align参考：CSS–line-height和vertical-align2、图片与文字位置如下：造成原因: 图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以现图片底部出现一块小留白解决： 给图片加上 vertical-align：middle或bottom属性，来调...原创 2019-12-05 19:14:27 · 921 阅读 · 0 评论 -
常见布局
参考：两栏布局布局border-box 与 content-box代码与效果图直观感受，就明了两个同一样式的div，不同box-sizing 的展现形式，① border-box width=border （整个盒子border，为保持宽度 padding 会挤压内容）② content-box width=content （盒子内部的内容）...原创 2019-12-01 23:31:20 · 276 阅读 · 0 评论 -
元素居中问题
参考：CSS实现垂直居中的常用方法父元素高度为auto：子元素使用top：-50%没有效果的问题w3c的文档说The offset is a percentage of the containing block's width (for 'left' or 'right') or height (for 'top' and 'bottom'). For 'top' and 'bottom'...原创 2019-12-01 15:04:13 · 259 阅读 · 0 评论 -
LV1 之------DAY1 html与css基础&常用标签&选择器
LV1 之------DAY1 htm基础与常用标签一、基础知识简要HTML---- 指超文本标签语言.HTML模板<!DOCTYPE html> //申明文档类型 <html><head><meta charset="utf-8"> //字符集编码<title>html 模板</title>...原创 2019-04-01 23:08:47 · 366 阅读 · 0 评论 -
LV1 之------DAY2html 浮动&图文基线问题&盒子模型
LV1 之------DAY2htm 浮动与盒子模型一、浮动作用：使得div可以并排显示（因：div为块级元素 占一整行，行间元素 占由其内容撑大的一个小框 ）补充：①块级元素：默认空间 宽度是一整行 高度是内容大小可以设置宽高设置之后后面的空间还是这个元素的②行内元素：默认不可以设置宽高大小是内容的大小浮动会脱离文档流（盒子），但不完全脱离（盒子中的内容）为了...原创 2019-04-03 22:57:26 · 369 阅读 · 0 评论 -
LV1 之------DAY3 伪元素伪类 & 定位与层级关系
LV1 之------DAY3 定位与层级关系一、3种定位1、 position: absolute绝对定位：完全脱离文档流① 父级有定位：以所有父级元素参考②父级未定位：以html/body2、position: relative ;相对定位：不脱离 以自身为参考3、position: fixed;固定定位：全脱离 以浏览器可视窗口参考上述定位都可用 坐标 (即以参...原创 2019-04-04 00:02:48 · 665 阅读 · 0 评论 -
LV1 之------DAY4 css3选择器&过渡&变换
LV1 之------DAY4 css3选择器&过渡特效一、css3 选择器详细参考：选择器详细参考示例代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=...原创 2019-04-07 11:32:47 · 235 阅读 · 0 评论 -
LV1之------ 网页设计命名规范
网页设计命名规范：== 转载参考于该处[命名规范]==(https://blog.youkuaiyun.com/chengxuyuan_j/article/details/72891640)一，网站设计及基本框架结构:二，网页设计命名规范Container“container“ 就是将页面中的所有元素包在一起的部分，这部分还可以命名为: “wrapper“, “wrap“, “page“.He...转载 2019-04-17 10:09:43 · 381 阅读 · 0 评论 -
LV1之------前端 PS技巧基础（一些快捷键 待完善）
前端 PS技巧基础简要综合ps使用：cont + D 取消消失选取alt + delete—填充前景色control + delete----填充背景色调用出尺码条：control + rcontrol+ G—打包为一个组（选中所需图层，组也可打包）control+ J----复制以组复制的包，整体拖动 按住shift + control...原创 2019-04-17 11:15:18 · 279 阅读 · 0 评论 -
LV1之------弹性布局
LV1之------弹性布局弹性布局。取代我们之前“display+float+position”的布局形式，采用全新的弹性布局。一， 弹性布局简介弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，我们可以放心大胆的使用。了解两个基本概念，接下来会频繁提到：① 容器： 需要添加...原创 2019-04-21 14:32:18 · 238 阅读 · 0 评论 -
LV1之------响应式布局&媒体查询&bootstrip栅格（待续）
LV1之------响应式布局&媒体查询&bootstrip栅格原创 2019-04-22 10:07:48 · 225 阅读 · 0 评论 -
LV1之-----END 知识总结& html与css常见面试题 & 思维图（待续）
LV1-----知识点总结原创 2019-04-22 10:09:43 · 197 阅读 · 0 评论