[读书笔记] CSS权威指南2: 结构和层叠
层叠样式表中最基本的一个方面可能就是层叠——冲突的声明要通过这个层叠过程排序,并由此确定最终的文档表示。这个过程的核心是选择器及其相关声明的特殊性,以及继承机制。特殊性对于每个规则,用户代理会计算选择器的特殊性,并将这个特殊性附加到规则中的各个声明。如果一个元素有两个或多个冲突的属性声明,那么有最高...
CSS3学习笔记
1.Tranform 转换(2D,3D)2D:div{margin:30px;width:200px;height:100px;background-color:yellow;/* Rotate div */transform:rotate(9deg);-ms-transform:rotate(9d...
HTML&CSS学习笔记
<table><thead><tr> // table row<th></th>// table head</tr></thead><tbody><tr><td&g...
css-css权威指南学习笔记2
第二章 选择器1、在font属性中,只有一种情况下可以使用/来分隔两个特定的关键字,即元素的字体大小/行高。2、通过把两个类选择器链接在一起,可以选择同时包含这些类名的元素,类名的顺序不限。.warning.urgent{ background: silver;}3、在IE7之前的浏览器,p....
《Two Days DIV + CSS》读书笔记——CSS控制页面方式
1.1 你必须知道的知识(其中包括1.1.1 DIV + CSS的叫法解释;1.1.2 DIV + CSS 名字的误区;以及1.1.3 W3C简介。由于只是背景知识,跳过该章。)1.2 你必须掌握的基础1.2.1 CSS如何控制使用 xHTML+CSS 布尿页面,其中有个很重要的特点就是结构与表现相...
CSS——float属性备忘笔记
通过指定CSS属性float的值,从而使元素向左或向右浮动,然后由后继元素向上移动以填补前面元素的浮动而空出的可用空间。CSS的float属性,作用就是改变块元素对象的默认显示方式,HTML标签设置了float属性之后,它将不再独自占据一行,从而可以实现多个元素同处一行的效果。Float的功能很强大...
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代码行内,一般仅仅在此样式仅仅只在当前元...