前端LV1
水兮泱泱
这个作者很懒,什么都没留下…
展开
-
css 图片底部多出的空白
1、首先了解基线 参考: 简单说说vertical-align 参考:CSS–line-height和vertical-align 2、图片与文字位置如下: 造成原因: 图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以现图片底部出现一块小留白 解决: 给图片加上 vertical-align:middle或bottom属性,来调...原创 2019-12-05 19:14:27 · 744 阅读 · 0 评论 -
常见布局
参考:两栏布局布局 border-box 与 content-box 代码与效果图直观感受,就明了 两个同一样式的div,不同box-sizing 的展现形式, ① border-box width=border (整个盒子border,为保持宽度 padding 会挤压内容) ② content-box width=content (盒子内部的内容) ...原创 2019-12-01 23:31:20 · 198 阅读 · 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 · 181 阅读 · 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 · 279 阅读 · 0 评论 -
LV1 之------DAY2html 浮动&图文基线问题&盒子模型
LV1 之------DAY2htm 浮动与盒子模型 一、浮动 作用:使得div可以并排显示 (因:div为块级元素 占一整行,行间元素 占由其内容撑大的一个小框 ) 补充:①块级元素: 默认空间 宽度是一整行 高度是内容大小 可以设置宽高 设置之后后面的空间还是这个元素的 ②行内元素: 默认不可以设置宽高 大小是内容的大小 浮动会脱离文档流(盒子),但不完全脱离(盒子中的内容) 为了...原创 2019-04-03 22:57:26 · 295 阅读 · 0 评论 -
LV1 之------DAY3 伪元素伪类 & 定位与层级关系
LV1 之------DAY3 定位与层级关系 一、3种定位 1、 position: absolute 绝对定位:完全脱离文档流 ① 父级有定位:以所有父级元素参考 ②父级未定位:以html/body 2、position: relative ; 相对定位:不脱离 以自身为参考 3、position: fixed; 固定定位:全脱离 以浏览器可视窗口参考 上述定位都可用 坐标 (即以参...原创 2019-04-04 00:02:48 · 534 阅读 · 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 · 175 阅读 · 0 评论 -
LV1之------ 网页设计命名规范
网页设计命名规范: == 转载参考于该处[命名规范]==(https://blog.csdn.net/chengxuyuan_j/article/details/72891640) 一,网站设计及基本框架结构: 二,网页设计命名规范 Container “container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“. He...转载 2019-04-17 10:09:43 · 253 阅读 · 0 评论 -
LV1之------前端 PS技巧基础(一些快捷键 待完善)
前端 PS技巧基础 简要综合 ps使用: cont + D 取消消失选取 alt + delete—填充前景色 control + delete----填充背景色 调用出尺码条:control + r control+ G—打包为一个组(选中所需图层,组也可打包) control+ J----复制 以组复制的包,整体拖动 按住shift + control ...原创 2019-04-17 11:15:18 · 211 阅读 · 0 评论 -
LV1之------弹性布局
LV1之------弹性布局 弹性布局。取代我们之前“display+float+position”的布局形式,采用全新的弹性布局。 一, 弹性布局简介 弹性布局,又称“Flex布局”,是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持,我们可以放心大胆的使用。 了解两个基本概念,接下来会频繁提到: ① 容器: 需要添加...原创 2019-04-21 14:32:18 · 143 阅读 · 0 评论 -
LV1之------响应式布局&媒体查询&bootstrip栅格(待续)
LV1之------响应式布局&媒体查询&bootstrip栅格原创 2019-04-22 10:07:48 · 167 阅读 · 0 评论 -
LV1之-----END 知识总结& html与css常见面试题 & 思维图(待续)
LV1-----知识点总结原创 2019-04-22 10:09:43 · 139 阅读 · 0 评论