• CSS学习总结:浮动、定位、父容器塌陷问题

    怎么说呢,从接触前端起,到现在已经有三个月了,这么长时间的学习呢,我的水平依然一般,前几天参加了IFE2017,下面总结一下对CSS中浮动、定位、分列布局、父容器塌陷问题的一些心得。 首先,浮动和定位是CSS中布局的基础,通过浮动和定位,可以实现对每一个盒模型精...

    2018-06-24 01:00:33

  • 行内元素和块级元素的区别

    一、行内元素和块级元素的区别 1、 行内元素不会占据整行,在一条直线上排列,都是同一行,水平方向排列; 块级元素会占据一行,垂直方向排列。 2、 块级元素可以包含行内元素和块级元素;行内元素不能包含块级元素。 3、 行内元素与块级元素属性的不同,主要是盒模型...

    2018-06-24 01:00:27

  • 盒模型的学习整理转述

    前言:这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方,请大家指正,我会持续更新! 1. css盒模型有标准盒模型和IE盒模型 结构是:content、padding、border、margin。 css3有个box-sizing属性,设置用哪种盒模型; box-sizing:content-box(默认) 标准盒...

    2018-06-24 01:00:28

  • 关于左边固定,右边自适应布局的响应式布局写法

    关于响应式布局现才接触到,虽然代码很简单,但是对基础要求还是有一些。 1.left设置position:absolute和width:70px;那么右边用margin-left:70px;因为是响应式的我用jquery设置了一下高度(不用jquery,直接设置高度为100%好像不行,不知道为什么有知道的小伙伴,...

    2018-06-24 01:00:26

  • XHTML与HTML的区别

    XHTML的语法较为严谨,拥有一定的规则,如果不遵循规则的话容易出错。但也不必太过担心,因为XHTML的规则并不太难,它和HTML4.01标准没有太多的不同。 需要注意的是以下几点: 1.XHTML标签必须被正确的关闭,即使是单标签也要关闭 错误:p我是一个p标签。 正确:p我是...

    2018-06-24 01:00:25

  • 前端页面隐藏元素

    display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别: display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失。 visible:hidden--- 使对象在网页上不可见,但该对象在网页上扔占据着空间。 例子: html head titledisplay:n...

    2018-06-24 01:00:23

  • 浮动和BFC的学习整理转述

    前言:这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方,请大家指正,我会持续更新! 文档流的概念: html中block块元素默认是单独占据一行的,从上到下排列,也就是我们说的文档流; 脱离文档流的概念: A元素定义了float属性之后,就会"浮"起来,原来占...

    2018-06-24 01:00:20

  • 使用C3的一些新属性绘制谷歌浏览器的图标

    ! DOCTYPE html html head lang ="en" meta charset ="UTF-8" title / title style * { margin : 0 ; padding : 0 ; } body { background-color : lightskyblue ; } .container { width : 400px ; height : 400px ; border : 1px solid #999 ; box-sizing : border-box...

    2018-06-24 01:00:05

  • Brackets--我的初恋编辑器

    大学毕业以后,因为一些个人琐事没有找到自己专业的对口工作,整天混混沌沌得过着也没有打破现状的决心和机会。但是每当独自思考的时候总是一阵阵的害怕,怕自己从此一事无成一无所有。于是在某个心潮澎湃的瞬间开始在网上看一些学习资源,开始自学一些web方面的知识。...

    2018-06-24 01:00:10

  • HTML 部分常用属性、组成属性|...超链接、路径、锚点

    U RL 地址 就是我们所说的网址: www.jd.com 浏览器内核,渲染引擎 Ie 内核: triteent 谷歌 / 欧鹏: blink 火狐: gecko 苹果: webkit 渲染引擎是出现兼容性的根本问题 -html 概念 :hyper Text Markup Language ( 超文本标记语言 ) Html 结构标准 !DOCTYPE html //...

    2018-06-24 01:00:13

2