CSS笔记（六）链接
参考：http://www.w3school.com.cn/css/css_link.asp链接的四种状态① a:link - 普通的、未被访问的链接② a:visited - 用户已访问的链接③ a:hover - 鼠标指针位于链接的上方④ a:active - 链接被点击的时刻改变颜色实例a:l...
css居中学习笔记
css居中学习笔记一、水平居中以下面的代码为例：<body><div class="parent"><div class="child">hello world !</div></div></body>方法一：inline-bl...
CSS笔记（十三）CSS3之过渡
参考：http://www.w3school.com.cn/css3/css3_transition.asp通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡属性下面的表格列出了所有的转换属性：属性描述CSSt...
html之CSS样式学习笔记
本文内容：字体样式文本样式背景样式尺寸样式盒子模型边框样式边距样式浮动布局定位布局【CSS3】伸缩布局标签显示方式列表样式【CSS3】过渡样式【CSS3】变换样式之2D变形【CSS3】变换样式之3D变形【CSS3】动画样式首发日期：2018-04-04修改：2018-05-02：增加了CSS3的常用...
css笔记 - 张鑫旭css课程笔记之 padding 篇
[padding地址](https://www.imooc.com/learn/710)一、padding与容器尺寸之间的关系padding会影响元素的尺寸（通常情况下是通过增加/挤压内容区域）padding对于block元素的表现 1.没宽度设置的情况：垂直方向向外扩张，水平方向向内挤压。上下p...
css笔记 - 张鑫旭css课程笔记之 relative 篇
relative地址relative 对 absolute的限制作用限制left/top/right/bottom(方位值)定位限制描述：absolute设置了方位值时，这些方位值是相对于position不为static的最近的父元素来定位的。如果父元素设置了relative，方位值就会相对于这个父...
css笔记 - 张鑫旭css课程笔记之 margin 篇
margin - 人若犯我，我必犯人！[margin地址](https://www.imooc.com/learn/680)一、margin与容器尺寸的关系relative可定位，但是不改变容器尺寸和占据的空间margin不同，margin也在盒模型中。从border开始往里边，是可视尺寸clien...
css笔记 - 张鑫旭css课程笔记之 border 篇
border地址border特性:能形成BFC但是不能清除浮动。但是bfc也是把子元素的margin包裹进来，但是拿自己的margin穿透没办法的。边框宽度不支持百分比透明border可以突破可视区域的限制border-style:double巧用double可以利用来配合border-style：...
css笔记 - 张鑫旭css课程笔记之 absolute 篇
absolute地址absolute绝对定位绝对定位与浮动鲜为人知的兄弟关系即是说，absolute后，元素和浮动元素的特性差不多，只不过absolute脱离文档流，元素飘在天上，float还在凡间。所以，absolute元素的特性：包裹性容器使用absolute后，就形成一个inline-bloc...
css笔记 - 张鑫旭css课程笔记之 float 篇
https://www.imooc.com/t/197450floatfloat的设计初衷/原本作用-是为了实现文字环绕效果如，一个图片和一段文字垂直放置，给图片加上浮动，文字就环绕图片展示了。浮动的包裹与破坏包裹收缩坚挺隔绝 - BFC具有包裹的其他属性：(是不是可以生成块级上下文的其他属性？)d...
css 权威指南笔记（一）
零零散散接触css将近5年，俨然已经成为一个熟练工。如果不是换份工作，我不知道自己差的那么远；在qunar的转正review中我这种“知其然而不知其所以然” 的状况被标明，我才意识到我已停步不前近两年~ 知耻而后勇，从基础拾起~ 所以我写这一系列笔记~
CSS笔记（十一）CSS3之边框
参考：http://www.w3school.com.cn/css3/css3_border.asp圆角边框<!DOCTYPE html><html><head><style>div{text-align:center;border:2px solid...
.Net MVC4笔记之js css引用与压缩
资源引用可以用即可以直接使用“~”来表示根目录。引入js<script src="~/Areas/OrderManage/JS/Form.js"></script>引入css<link href="~/Content/uploadify/uploadify.css" r...
CSS 小结笔记之三种样式表
CSS 引入共有三种方式：内部样式表，内联样式（行内样式）表，外部样式表，当然也可以使用多重样式内联样式<div style="color:red;font-size:20px">内联样式表</div >内联样式 直接把样式卸载html代码行内，一般仅仅在此样式仅仅只在当前元...
CSS3与页面布局学习笔记（八）——浏览器兼容性问题与前端性能优化方案
一、浏览器兼容1.1、概要世界上没有任何一个浏览器是一样的，同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同，相同内核的版本不同，相同版本的内核浏览器品牌不一样，各种运行平台还存在差异、屏幕分辨率不一样，大小不一样，比例不一样。兼容性主要可以分类为：1)、CSS兼容2)、...
【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.1.CSS框架和其他功能
jquery.ui.all.css1.所有主题必须的文件都包含在这个文件中。它由ui.base.css和ui.them.css两个文件中拉入的@import执行构成。jquery.ui.base.css1.这个文件被ui.all.css文件引用。它依然由ui.core.css文件中拉入的@impor...
CSS自学笔记（3）:CSS选择器
CSS中提供了非常丰富的选择器，但是由于浏览器的支持情况，很多选择器很少用到。1.基础选择器选择器含义示例*通用元素选择器，匹配任何元素* { margin:0; padding:0; }E标签选择器，匹配所有使用E标签的元素p { font-size:2em; }.info和E.infoclass...
Web云笔记--CSS
CSS CSS CSSWeb自学第二阶段之CSS参考资料：《Head First HTML&CSS》（中文第二版）(美国)弗里昂ISBN：9787508356464中国电力出版社全部阶段：HTML基础àCSSà高级HTMLàJavaScriptàPHP脚本àWeb渗透前情提要：早在上世纪九十...
CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记（1）设定背景图
技术的新发展，除计算机可以接入互联网之外，平板电脑、智能手机、智能电视等其他设备均可访问互联网。在多设备时代，构建多屏体验也不是听说的那么难。 但是这也增加了学习CSS的难度？不知道如何上手，只懂一点基础的CSS语法，在移动互联时代，难道我们就这样落伍了？？好好学习吧，看完《CSS高效开发实战:CS...
DIV+CSS学习笔记（CSS）
css基础知识：css样式表的定义css：（Cascading Style Sheets）层叠样式表；分类及位置：内部样式-head区域style标签里面外部样式-link调用内联样式-标签元素里面css内的注释：/*注释内容*/css样式表的语法用颜色名表示aqua, black, blue, f...