用户中心USER CENTER

首页/用户
  • CSS 盒子模型及 float 和 position

    摘要:内联元素设置无效。内联元素的和属性,水平方向有效,竖直方向不会产生边距效果。和都是通过改变文档流来实现定位。有三种定位机制文档流浮动和绝对定位。元素框正常生成,元素顺序显示,在一个文档流中,一个挨着一个,内容遵守正常从上到下的流。 CSS和模型 CSS盒模型本质上是一个盒子,封装周围的 HTML 元素,包括 外边距(marign),边框(border),填充(padding),内容物(...

    付永刚 发布于Css
  • 水平对齐方式

    摘要:原理子元素设置成行内块状元素,父元素设置文本居中对齐也能使其生效子元素固定高宽子元素不定高宽优点不需要设置子元素具体宽度兼容性好,甚至可以兼容缺點因为是继承样式,会导致下级所有元素文字生效 inline-block text-align 原理:子元素设置成行内块状元素,父元素设置文本居中对齐也能使其生效 #parent{text-align: center;} #child {dis...

    付永刚 发布于Css
  • 重学前端学习笔记(十一)--浏览器工作解析(一)

    摘要:紧跟在后面的是请求头,每行用冒号分隔名称和值按下两次回车,收到服务端回复响应部分第一行被称作,它也分为三个部分,协议和版本状态码和状态文本。对前端来说系列的状态码是非常陌生的,原因是的状态被浏览器库直接处理掉了,不会让上层应用知晓。 笔记说明 重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要...

    付永刚 发布于Css
  • CSS transform-origin的理解

    摘要:前言最近做的一个烟花动画,就是烟花散开的动画,在动画的实现过程中,主要在烟花旋转过程中卡住了,后来发现主要对属性理解不深,特地找了个例子来练习,加深了对属性的理解。 前言 最近做的一个烟花动画,就是烟花散开的动画,在动画的实现过程中,主要在烟花旋转过程中卡住了,后来发现主要对transform-origin属性理解不深,特地找了个例子来练习,加深了对属性的理解。 transform-...

    付永刚 发布于Css
  • 响应式布局

    摘要:横方向相反以使用的控制单个元素的属性是。元素自动换成多行。这个缩写属性接受两个属性的值,两个值中间以空格隔开。行与行之间保持相等距离。每一行都被拉伸以填满容器。这可能有些容易混淆,但决定行之间的间隔,而决定元素整体在容器的什么位置。 1.查看理想视口(viewport):window.screen.width2.布局视口:使PC页面在移动端上查看布局不混乱Document.docume...

    付永刚 发布于Css
<