• css 清除浮动

    .test:after { content : '' ; clear : both ; display : block ; overflow : hidden ; }...

    2018-06-24 00:36:21

  • CSS

    引入 link rel=”stylesheet” type=”text/css” href="style.css"/ style type="text/css"@import "style.css"/style 文字属性 属性名称 属性值 说明 font-style normal italic/obligue 正常显示 斜体 font-variant normal small-caps 正常显示 将英文大小写字母写调...

    2018-06-24 00:36:15

  • Flex 弹性布局

    多行自适应,多列自适应,间隔也能自适应,任意对齐 创建弹性容器 flex container display: block | inline | inline-block | none | flex 弹性元素 flex item 是不是flex container 弹性容器中所有的子元素都是 弹性元素呢? 不是的,只有弹性容器,在文档流中的直接...

    2018-06-24 00:36:09

  • HTML

    标记 hr width=”80%” size="10px" noshade//水平线长80% 线粗10px 实体线 字符控制标记 b…/b粗 i…/i 斜 s…/s 删除 sub…/sub 下标 strong…/strong 加强语气(加粗) em.../em 加强语气(倾斜) del…/del删除 sup…/sup 上标 big…/big 大字 tt…/tt 电报 address…/...

    2018-06-24 00:35:55

  • 深入理解和应用Float属性

    一、Float的特性 1. 应用于文字围绕图片 2. 创建一个块级框 3. 多列浮动布局 4. 浮动元素的宽度、高度自适应,但可以设置其值。 二、核心解决的问题 文字围绕图片:img标签与多个文本标签放置在一个容器中,如果img浮动,文本标签会围绕图片。 img src ="../img/a.jpg"...

    2018-06-24 00:36:08

  • [css]css深入理解之margin属性

    首先巩固一下盒子模型 : 实线以内是可视尺寸(clientWidth和clientHeight); margin虚线以内的是占据尺寸。 margin的几个特别作用: 1,改变client尺寸:一列定宽的自适应布局: eg: 对于这个页面,让img左浮动,里面的文字会环绕图片: 蓝色是p标签内容块大小,黄...

    2018-06-24 00:36:05

  • Effective前端4:尽可能地使用伪元素

    伪元素是一个好东西,但是很多人都没怎么用,因为他们觉得伪元素太诡异了。其实使用伪元素有很多好处,最大的好处是它可以简化页面的html标签,同时用起来也很方便,善于使用伪元素可以让你的页面更加地简洁优雅。 更好的阅读体验移步:http://yincheng.site/using-bef...

    2018-06-24 00:36:04

  • JavaScript中判断整字类型最简洁的实现方法

    这篇文章主要介绍了 JavaScript 中判断整字类型最简洁的实现方法,本文给出多个判断整数的方法,最后总结出一个最短、最简洁的实现方法,需要的朋友可以参考下 我们知道JavaScript提供了typeof运算符,因此最容易想到的是用typeof来判断是否是number类型。 复制代码 代码...

    2018-06-24 00:36:02

  • web前端及HTML语义化的理解

    1、什么是web前端? WEB前端是由网页设计与制作发展而来的,随着工作的细化,需要有人完成美工图到网页的制作,从而出现了WEB前端开发这个词。WEB前端开发主要是使用HTML、 CSS 、JavaScript技术,将美工提供的美工图转化为网页。同时,需要顾及SEO以及后台的数据。WEB...

    2018-06-24 00:35:58

  • 布局 position

    position : 设置定位方式 跟『定位』相关的有一些属性,最重要的一个是『position』,它主要是设置『定位方式』。 而定位方式最重要的是设置『参照物』. 配合 position 使用的有这些属性: 属性名 值 描述 top 元素上边缘距离参照物边缘的距离 right 元素右边缘距离参照...

    2018-06-24 00:35:53

2