CSS中的class与id区别及用法

【CSS中的class与id区别及用法】的更多相关文章

CSS中的class与id区别及用法

转自http://www.divcss5.com/rumen/r3.shtml及http://www.jb51.net/css/35927.html 我们平常在用DIV CSS制作Xhtml网页页面时,常会用到class 和id来选择调用CSS样式属性.对学习CSS的新手来说class和id可能比较模糊,同时不知道什么时候该用class,什么时候又用id,以及它们用法与限制是怎么样的.接下来我们就来详细了解CLASS与ID基本属性及用法. Class 在程序中称“类”,同时在CSS中也书面语也叫…

CSS中rem、em的区别

引用文档:http://www.divcss5.com/html/h529.shtml:http://blog.csdn.net/qq_35432904/article/details/51804227 前几天面试了一个最基本的问题,现在复习一下它的原理 CSS中的长度单位有8个,px,em,rem,pt,ex,pc,in,mm,cm; px--像素,相对于设备的长度,像素是相对于显示器的屏幕分辨率而言的. em--相对长度单位,是相对于其父元素的文本的字体尺寸.如果父级元素未设置字体大小,则相…

简述Linq中.ToList(), .AsEnumerable(), AsQueryable()的区别和用法

[TOC] 这3个方法的功能完全不同, 应按照具体业务场景使用. AsQueryable() 先说说什么是 IQueryable IQueryable 是当前的 data provider 返回的类型. 在本文的例子中都是 EF data provider for sql server, 返回的是一种数据查询结构, 用于生成 sql 语句. lazy load 特性以下是一段最常见的代码, var products = db.Product.where(p => p.Type == "f…

CSS中margin和padding的区别

在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离.在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离. 下面讲解 padding和margin常用的用法一.padding 1.语法结构 (1)padding-left:10px; 左内边距 (2)padding-right:10px; 右内边距 (3)padding-top:10px; 上内边距 (4)padding-bottom:10px; 下内边距 (5)padding:10…

css中margin-left与left的区别

研究下拉菜单和弹出菜单时比较所得: 1.直接在css中设置left生效的前提是必须设置父容器position:absolute或relative,如果不设置则会显示为最近一个定位的父对象左边相关的位置: 测试代码: <div style="position:relative;top:100px;left:100px;border:1px solid blue;width:100px;height:100px;"> <div id="outer" s…

CSS中link与import的区别

一.import的用法 1,在html文件中 <style type="text/css"> @import url(http://www.dreamdu.com/style.css); </style> 2,在css文件中 @import url("CSS文件"); 对@import url()做一下总结: 1,@import url()机制是不同于link的,link是在加载页面前把css加载完毕,而@import url()则是读取完文…

外部引用CSS中 link与@import的区别

差别1:link属于XHTML标签,而@import完全是CSS提供的一种方式. link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了. 差别2:加载顺序的差别.当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载. 差别3:兼容性的差别.由于@import是CSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才…

CSS中box-sizing属性的理解与部分用法

今天看了一些关于box-sizing的一些资料,在这里整理一下,希望也能对大家有所帮助. box-sizing是CSS的一个属性,很好的解决了盒模型的相关问题.CSS中的盒模型(Box model)分为两派,一派是W3C的标准模型,一派是IE的传统模型.那它们之间有什么不同的呢?首先需要明确它们都是对元素计算尺寸的模型,具体说就是对元素的width,height,padding,border以及元素实际尺寸的计算关系:而不同的地方就在于两者的计算方法不一至:(下面引用一些公式向大家展示一下两者的…

图论中DFS与BFS的区别、用法、详解…

DFS与BFS的区别.用法.详解? 写在最前的三点: 1.所谓图的遍历就是按照某种次序访问图的每一顶点一次仅且一次. 2.实现bfs和dfs都需要解决的一个问题就是如何存储图.一般有两种方法:邻接矩阵和邻接表.这里为简单起见,均采用邻接矩阵存储,说白了也就是二维数组. 3.本文章的小测试部分的测试实例是下图: 一.深度优先搜索遍历 1.从顶点v出发深度遍历图G的算法 ① 访问v ② 依次从顶点v未被访问的邻接点出发深度遍历. 2.一点心得:dfs算法最大特色就在于其递归特性,使得算法代码简洁.…

图论中DFS与BFS的区别、用法、详解？

DFS与BFS的区别.用法.详解? 写在最前的三点: 1.所谓图的遍历就是按照某种次序访问图的每一顶点一次仅且一次. 2.实现bfs和dfs都需要解决的一个问题就是如何存储图.一般有两种方法:邻接矩阵和邻接表.这里为简单起见,均采用邻接矩阵存储,说白了也就是二维数组. 3.本文章的小测试部分的测试实例是下图: 一.深度优先搜索遍历 1.从顶点v出发深度遍历图G的算法 ① 访问v ② 依次从顶点v未被访问的邻接点出发深度遍历. 2.一点心得:dfs算法最大特色就在于其递归特性,使得算法代码简洁.…

Css中路径data:image/png;base64的用法详解

今天查看一些网站的css中发现了 background-image:url(data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXR FWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJRE FUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIB hH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ…

CSS中margin与padding的区别

CSS边距属性定义元素周围的空间.通过使用单独的属性,可以对上.右.下.左的外边距进行设置.也可以使用简写的外边距属性同时改变所有的外边距.——W3School 边界(margin):元素周围生成额外的空白区.“空白区”通常是指其他元素不能出现且父元素背景可见的区域.——CSS权威指南 padding称呼为内边距,其判断的依据即边框离内容正文的距离,而我喜欢CSS权威指南解释的“补白”(或者叫“留白”),因为他很形象.补白(padding):补白位于元素框的边界与内容区之间.很自然,用于影响这个…

Objective-C中的instancetype和id区别

目录(?)[-] 有一个相同两个不同相同 Written by Mattt Thompson on Dec 10th 2012 一什么是instancetype 二关联返回类型related result types 三instancetype作用作用好处四instancetype和id的异同相同点不同点有一个相同两个不同.相同 Written by Mattt Thompson on Dec 10th, 2012 Objective-C is a rapidly evolvin…

(转)Objective-C中的instancetype和id区别

有一个相同两个不同.相同 Written by Mattt Thompson on Dec 10th, Objective-C is a rapidly evolving language, in a way that you just don't see in established programming languages. ARC, object literals, subscripting, blocks: in the span of just three years, so muc…

【对比分析三】CSS中 link 和@import 的区别

1). link 是 XHTML 标签,无兼容问题: @import 是在 CSS2.1 提出的,只有IE5以上才能识别. 2). 语法结构不同. link (链接式)只能放入HTML源码中,语法为: <link rel="stylesheet" href="style.css" type="text/css"/> @import (导入式)语法为: <style type="text/css">…

css中padding和magin的区别

1.Margin 用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离. 如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边. 如果只提供一个,将用于全部的四边. 如果提供两个,第一个用于上-下,第二个用于左-右. 如果提供三个,第一个用于上,第二个用于左-右,第三个用于下. 在IE4+,margin属性不可用于td和tr对象. 用法:body { margin: 36pt 24pt 36pt; } 2.Padding 用来设置元素内容到元素边界的距离. 如果提供全部四个…

CSS中zoom和scale的区别

zoom和scale这两个东西都是用于对元素的缩放,但两者除了兼容性之外还有一些不同的地方.zoom缩放会将元素保持在左上角,而scale默认是中间位置,可以通过transform-origin来设置.另外他们执行的渲染顺序也不同zoom可能影响到盒子的计算.运行<!DOCTYPE html><style>div { width:300px;height:100px; border:1px solid #CCC; font-size:0px; line-height:100…

css中绝对定位和相对定位的区别

先说个技巧一般用:子绝父相,即相对定位是给父级的,绝对定位的时候是给子级的. 一:绝对定位 position: absolute;绝对定位:绝对定位是相对于元素最近的已定位的祖先元素(即是设置了绝对定位或者相对定位的祖先元素).如果元素没有已定位的祖先元素,那么它的位置则是相对于最初的包含块(body). 绝对定位本身与文档流无关,因此不占空间,普通文档流中的元素的布局就当绝对定位的元素不存时一样,所以它们可以覆盖页面上其他的元素,且可以通过z-index属性来控制这些层的对方顺序. #box…

CSS 中 nth-child 和 nth-of-type 的区别

假设有如下代码结构,想要查找 Piggy 那个 p <section> <h1>Words</h1> <p>Little</p> <p>Piggy</p>  </section> 使用 nth-child 是不正确的: p:nth-child(2) { color: red; } /* Now incorrect */ 使用 nth-of-type 是正确…

CSS中link和@import的区别

1.link属于HTML标签,而@import是CSS提供的 2.页面被加载时link会同时被加载:而@import引用的CSS会等到页面被加载完再加载 3.@import只在IE5以上才能识别,而link是HTML标签,并不存在兼容问题…

CSS中border和outline的区别

border: border-width:1px; border-style:solid; border-color:#ccc; 可以简写为:border:1ox solid #ccc; outline: outline-width:1px; outline-style:solid; outline-color:#ccc; 可以简写为:outline:1ox solid #ccc; 2者的用法相似,但是border是会占据盒子模型的大小,而outline是一个轮廓,不会占据盒子模型的大小.…

css 中 max-width 和 min-width 的区别

max-width:规定元素本身最大宽度,即元素本身 (该div) 的宽度应小于等于其最大宽度值. min-width:规定元素本身最小宽度,即元素本身应大于等于其宽度值. 例:min-width:1000px; 则其区域块大于实际宽度值关于@media查询(响应式设计) 如果文档宽度小于 300 像素则修改背景颜色: @media screen and (max-width: 300px) { body { background:pink; }}…

bootstrap中container和container-fluid的区别与用法

对bootstrap框架有一定了解的朋友都知道,一般页面布局中的开头会使用到container或container-fluid类,那么它们有什么区别呢?不急!下面为您讲解. 我们先来看看官方对这两个类是怎么说的: .container 类用于固定宽度并支持响应式布局的容器. .container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器. 实例测试: <!DOCTYPE html> <html> <head> <title>…

CSS中路径及form表单的用法

1.什么是路径? 路劲分为三种 1.绝对路径: 从盘符开始,然后依次的往下查找本地: C:/Users/Administrator/Desktop/0527day01/07.html 服务器的: www.baidu.... 127.0.0.1 192.168.... http://www.baidu.com 2.相对路径: 从当前文件开始,如果下一级目录就直接写文件夹名,上一级用../表示,如果是同级目录就直接写文件名 3.盘符根路径: 直接可以跳转到当前文件所有的盘符根目录中 / 服务器底下…

DIV+CSS中标签dl dt dd常用的用法

转自:http://smallpig301.blog.163.com/blog/static/9986093201010262499229/ < dl>< /dl>用来创建一个普通的列表, < dt>< /dt>用来创建列表中的上层项目, <dd>< /dd>用来创建列表中最下层项目, < dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>…

Javascript中call和apply的区别和用法

JavaScript中有一个call和apply方法,其作用基本相同,但也有略微的区别.其实就是更改对象的内部指针,即改变对象的this指向的内容.这在面向对象的js编程过程中有时是很有用的.call函数和apply方法的第一个参数都是要传入给当前对象的对象,及函数内部的this.后面的参数都是传递给当前对象的参数.如下: <script> var func=new function(){this.a="func"} var myfunc=function(x){ var…

JS中apply和call的区别和用法

Javascript中有一个call和apply方法,其作用基本相同,但是它们也有略微不同的地方. JS手册中对call方法的解释是: call方法:调用一个对象的一个方法,以另一个对象替换当前对象. call(thisObj,arg1,arg2……) 参数: thisObj 可选项,将被用作当前对象的对象. arg1,arg2……argN 可选项,将被传递参数列表. call方法可以用来代替另一个对象调用一个方法.call方法可以将一个函数的对象上下文从初始的上下文改变为由thisObj指定…

HTML中padding和margin的区别和用法

margin(外边距) 定义:margin是用来隔开元素与元素的间距,发生在元素本身的外部,margin用于布局分开元素使元素与元素互不相干. 提示:margin: top right bottom left;(margin:10px 20px 30px 40px) 它的给值方式为上,右,下,左. 建议何时应当使用margin: 需要在border外侧添加空白时. 空白处不需要背景(色)时. 上下相连的两个盒子之间的空白,需要相互抵消时.如15px + 20px的margin,将得到20px的…

Shell编程中while与for的区别及用法详解【转】

在shell编程中经常用到循环,常用的循环有for和while循环两种.while循环默认以行读取文件,而for循环以空格读取文件切分文件,本篇就结合现网的一些使用示例说说二者的用法和区别. 一.常用语法 1.for循环 for循环常用的语法结构有如下几种: for 变量 in seq字符串 for 变量 in `command` " " for 变量 in "$@"或“$*” for((赋值:条件:运算语句)) 2.while循环 while循环常用的语法结构有如…

Linux中chown和chmod的区别和用法（转）

chmod修改第一列内容,chown修改第3.4列内容: chown用法: 用来更改某个目录或文件的用户名和用户组. chown 用户名:组名文件路径(可以是绝对路径也可以是相对路径) 例1:chown root:root /tmp/tmp1 就是把tmp下的tmp1的用户名和用户组改成root和root(只修改了tmp1的属组). 例2:chown -R root:root /tmp/tmp1 就是把tmp下的tmp1下的所有文件的属组都改成root和root. chmod用法: 用来修改某…