元素分类: 1.行级元素:内联元素  inline 特征:内容决定元素所占位置,不可以通过CSS改变宽高 span  strong   em  a  del 2.块级元素:block特征:独占一行,可以通过CSS改变宽高 div  p  ul  li  ol  form   address 3.行级块元素:inline-block 特征:内容决定大小,可以改变宽高 选择器类型(通用的,没写那些伪类): 父子选择器(派生选择器) <div> <em></em> </…
根据W3C官方推特最新消息:阿里巴巴集团正式加入W3C,成为W3C会员. W3C官方推特:https://twitter.com/w3c/status/566244180372889601 同时可以在W3C当前会员列表中找到:Alibaba Group. 继腾讯,百度,360等公司加入W3C以后,现在阿里巴巴也加入了W3C.中国著名的BAT都已经加入W3C啦,希望可以做些对行业有意义的事情! W3C中国官方微博2015年2月15日更详细的介绍: 2015年2月13日,全球领先的电子商务企业阿里巴…
HTML+CSS实现大盒子在小盒子的展示范围内进行滚动展示 1.效果展示: 2.主要代码:样式: overflow:auto; 3.如果想要消除对应的滚动条: .out::-webkit-scrollbar{ display: none; } 4.创建对应的盒子(div)配置对应的样式: 源代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>rowsp…
1.内边距(内边距在content外,边框内) 内边距属性: padding          设置所有边距 padding-bottom     底边距 padding-left          左边距 padding-right          右边距 padding-top          上边距   2.边框 border-style   定义边框样式 单边框样式 border-top-style border-left-style border-right-style borde…
(1)层叠样式(Cascading Style Sheets, CSS)是用来表现HTML或XML文本样式的语言.   (2)W3C推荐规范(World Wide Web Consortium,W3C Recommendation)是网页规范. 这些规范描述了 Web 的通信协议(比如 HTML 和 XHTML)和其他的构建模块. 网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior). 结构标准语言是XML,表现标准语言是CSS,行为标准语…
在辨析两种盒子模型之前.先简单说明一下什么叫盒子模型. 原理: 先说说我们在网页设计中常听的属性名:内容(content).填充(padding).边框(border).边界(margin), CSS盒子模式都具备这些属性. 这些属性我们能够把它转移到我们日常生活中的盒子(箱子)上来理解.日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式. 特点: 每一个盒子都有:边界.边框.填充.内容四个属性. 每一个属性都包含四个部分:上.右.下.左.这四部分可同一时候设置.也可…
1.盒子模型有两种,标准盒模型和IE盒模型,其中W3C标准的盒模型就是在网页的顶部加上 DOCTYPE 声明. (1)W3C标准的盒模型 W3C盒子模型包括4部分:margin,border,padding,content,其中,content不包括其他部分,下面内容(content)部分为蓝色的部分,不包含其他. w3c中的盒子模型的宽:包括margin+border+padding+width;(width为content的宽度) width:margin*2+border*2+paddin…
盒模型: 内容(content).填充(padding).边界(margin). 边框(border) IE的content部分把 border 和 padding计算了进去 例:一个盒子的 margin 为 20px,border 为 1px,padding 为 10px, content 的宽为 200px.高为 50px, 标准 w3c 盒子模型: 占据的位置:内容(content) + 填充(padding) + 边框(border) + 边界(margin): 占据的位置为:宽 20*…
盒子模型分为两种:W3C盒子模型(标准盒子模型)和IE盒子模型 盒子模型组成:content+padding+border+margin 标准盒子模型的width就是content 而IE盒子模型的width=content+padding+border css3的属性box-sizing有两个值:content-box(W3C标准盒子模型):border-box(IE盒子模型) [完] 一个人的离去会对另一个人造成巨大的影响.…
一.盒子模型(box model) 在HTML文档中的每个元素被描绘为矩形盒子.确定其大小,属性——比如颜色.背景.边框,及其位置是渲染引擎的目标. CSS下这些矩形盒子由标准盒模型描述.这个模型描述元素内容占用空间.盒子有四个边界:外边距边界margin edge, 边框边界border edge, 内边距边界padding edge 与 内容边界content edge. 盒模型的计算有两种:w3c标准盒模型和IE传统盒模型 w3c标准盒模型主要由:magin + border + padd…