• CSS基础知识(概念、块级元素、行内元素、选择器)

    1 、 CSS 概念 全称为Cascading Style Sheets(层叠样式表),支持专有的文件 - 扩展名为".css" 作用:将HTML的结构(HTML标签即html)与样式(显示的样式即css)进行分离 2 CSS语法结构 语法格式:选择器{ 属性名称: 属性值 ; 属性名称: 属性值 ; } 2 CSS 注释 用来解释代...

    2018-06-24 02:11:01

  • CSS布局技巧之——各种居中

    居中是我们使用css来布局时常遇到的情况。使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,本文就居中的一些常用方法做个简单的介绍。 注:本文所讲方法除了特别说明外,都是兼容IE6+、谷歌、火狐等主流浏览器的。 先来说几种...

    2018-06-24 02:11:00

  • HTML基础知识(常见元素、列表、链接元素、图片元素)

    1、HTML有关概念 全称: Hyper Text Markup Language(超文本标记语言) 其文件扩展名为“.html”或“.htm” * 超文本 - 在普通的文本基础上,添加超链接、图片、音频或视频等 * 标记 - 标记就是HTML中的标签(元素),特点:a * 语言 - 目前目标所能识别的 版本: HTML 4.0...

    2018-06-24 02:10:58

  • 前端程序员容易忽视的一些基础知识

    基础数据结构与算法 现在有两个不同的JSON,比较复杂,可以参考这里的DEMO中返回的JSON。要比较它们的差异,除了用现成的工具如 beyond compare 以外,如果我们的机器上没有安装这个工具,能如何较快解决?作为一个程序员,一个个对比是不可行的,对比完也不会有什么收...

    2018-06-24 02:10:56

  • 前端程序员容易忽视的一些基础知识

    基础数据结构与算法 现在有两个不同的JSON,比较复杂,可以参考这里的DEMO中返回的JSON。要比较它们的差异,除了用现成的工具如 beyond compare 以外,如果我们的机器上没有安装这个工具,能如何较快解决?作为一个程序员,一个个对比是不可行的,对比完也不会有什么收...

    2018-06-24 02:10:55

  • 设置滚动条样式

    /* 滚动条样式 */ ::-webkit-scrollbar-track-piece { background-color : #FFF } ::-webkit-scrollbar-thumb { background-color : #c2c2c2 ; background-clip : padding-box ; min-height : 28px } ::-webkit-scrollbar-thumb:hover { background-color : #A0A0A0 }...

    2018-06-24 02:10:54

  • CSS3的过渡和转换

    CSS3的过渡和转换 1.过渡 什么是过渡呢? 过渡通俗的来说就是从一个样式到另一个样式的逐渐转换改变的效果。 过渡的属性: 属性 描述 css transition 简写属性,用于在一个属性中设置4个过渡属性 3 transition-property 规定应用过渡的css属性的名称 3 transition-dura...

    2018-06-24 02:10:47

  • Web前端体系的脉络结构

    Web前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端...

    2018-06-24 02:10:45

  • HTML和CSS网页开发基础

    一 HTML文档结构 HTML文档结构:html、head、title、body构成HTML页面中最基本的元素。 HTML常用标记:1.换行标记 br 2.段落标记 p /p 3.标题标记 h1~h6 数字越小,级别越高。 4.居中标记 center需居中内容/center 5.文字列表标记 有序ol无序ul 二 表格标记 1. 表格标...

    2018-06-24 02:10:45

  • 返回页面顶部最简单方法

    返回页面顶部最简单方法 a href ="#" 返回页面顶部 / a...

    2018-06-24 02:10:32

2