HTML&CSS基础学习笔记1.4-定义文档类型
Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。<!DOCTYPE> 声明不是 HTM...
CSS3学习（圆角、图片、阴影、背景、渐变、文本、字体、2D、3D、过渡等）
matrixCSS31. 圆角border-radius：边框圆角的圆角半径四个值：第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。三个值：第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角两个值：第一个值为左上角与右下角，第二个值为右上角与左下角一个值：四个圆...
HTML 学习笔记 CSS3 (2D转换)
2、scaleX(<number>) ： 使用 [sx,1] 缩放矢量执行缩放操作，sx为所需参数。scaleX表示元素只在X轴(水平方向)缩放元素，他的默认值是(1,1)，其基点一样是在元素的中心位置，我们同样是通过transform-origin来改变元素的基点。如：transfor...
学习了解CSS3发展方向和CSS样式与优先级
通过学习CSS3游戏介绍、CSS样式和优先级章节，了解到html5+css3+js不光可以实现动画，其次可以往这个游戏与建模方向发展，更多css3特效访问Gerard Ferrandez on CodePen其次html嵌套css样式分为3种：内联、内部、外部、写法上推荐的是外部，便于代码复用性；样...
CSS学习笔记（9）--详解CSS中:nth-child的用法
详解CSS中:nth-child的用法前端的哥们想必都接触过css中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途：Tips：还用低版本的IE浏览器的哥们请绕过！:nth-c...
HTML、CSS、JS、PHP 的学习顺序~（零基础初学者）
如果你有耐心坚持一年以上的话, 我会推荐HTML->CSS->JS->PHP的顺序来学习。1. HTML学习：首先学习HTML，HTML作为标记语言是非常容易学的，把w3school上面的教程过一遍就会了, 记住要一个个过, 千万不要偷懒, 一旦开始偷懒, 你会越来越偷懒, 最后什...
HTML/CSS的学习过程一览
HTML/CSS的学习过程一览说明调试工具使用的是Google Chrome浏览器，其余浏览器出现的问题，这锅我不背【傲娇脸可以使用浏览器查看源代码网页列表HTML_CSS_1HTML基本元素使用Step4.htmlHTML_CSS_2框架frame.htmliframe.html输入元素blog2...
CSS学习笔记——盒子模型
有两种盒子模型：标准模型和IE模型 标准模型 IE模型 【Reference】 http://www.cnblogs.com/cchyao/archive/2010/07/12/1775846.html ...
CSS学习笔记07 盒子模型
1、盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 用公式表示就是：盒子=边框+内边距+内容区域+外边距 元素框的最内部分是实际的内容，直接包围内容...
CSS基础学习十八：CSS布局之浮动
CSS布局中说到定位就不得不提浮动，浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动 框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 一float属性的定义和用法 float属性：设置元素浮...
css选择器学习（二）属性选择器
属性选择器 /*******************************************css2中的属性选择器**************************************************/ /* E[att="xyz"]例如inp...
css选择器学习（一）
1、通用选择器“*”和元素选择器 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-w...
前端学习之路-css选择器和布局
css 选择器就是控制html中的标签的属性类似android 中控件的属性： css 选择器大致分为以下几种： 1.标签选择器例如：p{};{}前就是选择器 2.ID选择器 例如<div id ="gsc">祝大家鸡年大吉</div> #gsc{ color:red} 3....
css学习笔记——css选择器
css选择器 大概有这么几类：ID选择器、类别选择器、标签选择器、后代选择器、伪类选择器、相邻同胞选择器、属性选择器 1、ID选择器 ID 选择器允许以一种独立于文档元素的方式来指定样式。 ID选择器和类选择器的区别：在一个文档中，ID选择器的值是唯一的且区分大小写，即id="first"只能...
css学习之路(2)--css选择器
html代码 <html><head><link rel="stylesheet" type="text/css" href="style.css"></head><body><div id="test1">test1</...
HTML5之CSS3 3D transform 剖析式学习之一
最近坐地铁发现“亚洲动物基金”在地铁上做了很多公益广告，比较吸引人的是一个月熊的广告。做的很可爱。回去就搜了一下，发现这个网站是HTML5做的，非常炫。所以想学习一下，方法就是传统的学习办法，模仿、剖析，看看人家是怎么做的。这个网站提供的是了一个沉浸式的翻阅体验，用户可以在页面切换时体验到真实的3D...
CSS零基础学习笔记.
酸菜记 之 CSS的零基础.这篇是我自己从零基础学习CSS的笔记加理解总结归纳的,如有不对的地方,请留言指教,学前了解:CSS中字母是不分大小写的;CSS文件可以使用在各种程序文件中(如:PHP,HTML,jsp,asp...);一. CSS的定义CSS 是指层叠样式表, (Cascading St...
css学习笔记二之inline-block
1、inline-block是CSS2.1中新增的盒类型，在div中将display属性设定为"inline-block"，则div显示效果与设置display属性为"inline"是一样的效果。inline-block具有inline属性的列属性，内部又具有block属性的块属性，可以使用widt...
css学习--inline-block详解及dispaly:inline inline-block block 三者区别精要概括
*知识储备：内联元素：是不可以控制宽和高、margin等；并且在同一行显示，不换行。块级元素：是可以控制宽和高、margin等，并且会换行。1.inline-block 详解（1）一句话就是在CSS中通过display:inline-block对一个对象指定inline-block属性，可以将对象呈...
傻瓜式学习webpack（三）——添加css样式
在前面两篇文章的基础上，我们还可以进行css样式的添加，很简单： 一、在webpack.config.js的loaders里面添加style-loader和css-loader，添加后的文件内容如下： module.exports = { //entry 入口文件 让webpack用哪个文件...