1、什么是结构化标记 对布局使用的div 进行升级 ， 根据页面的不同区域而提供的不同标签。作用与div几乎一致 专门用于搭建网站结构而用 2、结构标记详解 1、元素 作用：用于定义【网页内容的头部】、或者是【某部分信息中的头部】 语法： 头部区域的内容 ...
分类：
Web程序 时间：
2016-01-08 00:14:27
阅读次数：
326
1.css选择器计算方法场景描述：如下代码,你认为文字会显示什么颜色,原因是什么？1.其实我是一个演员2.其实我是一个演员解决上面的问题，先说说怎么计算优先级：(1)定义几个值：(默认为0)ICE:表示计算结果;I:表示ID选择器;C:表示Class选择器;E:表示Element(元素)选择器;(2...
分类：
Web程序 时间：
2015-12-27 20:30:26
阅读次数：
188
css简介：css指的是层叠样式表，cascading style sheets。用来定义html中的dom节点如何展示在页面中的问题。解决了内容与表现形式的分离问题。常见的样式表有外部链接样式表和内部样式表，简称，外链和内联。css基础表现形式：cssname{porerty:value} div...
分类：
Web程序 时间：
2015-12-27 08:28:42
阅读次数：
152
盒子好比快递小哥的一个快递包裹。把这个包裹延着x轴切开，如下图所示：盒子的内容就是你网购的商品，盒子的填充就是包裹里面一些泡沫或者报纸保护运输的物品的安全，边框就是包裹的盒子，盒子的外边距是快递小哥来放置快递的时候，快递与快递的距离。对应到css中如上图所示。content只需确定 width 和 ...
分类：
Web程序 时间：
2015-12-14 01:22:14
阅读次数：
195
之所以将浮动，定位归为布局来讲，就是因为css布局技术都依赖于三个基本概念：定位，浮动和空白边的操纵;1.固定宽度布局1.1 居中布局如上图：是pc端比较时髦的居中设计,而实现居中设计的方案有：1.自动空白实现(如上图).main{ width:1000px; marign:0 auto;}2.定位...
分类：
Web程序 时间：
2015-12-13 12:26:45
阅读次数：
117
1.定位(position)position的值有：relative/absolute/fixed/static/inherit;static:为position属性的默认值，static元素会遵循正常的文档流，且会忽略top,bottom,left,right等属性;inherit:如同其他css...
分类：
Web程序 时间：
2015-12-10 23:39:19
阅读次数：
258
display属性值:none此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block行内块元素。
分类：
Web程序 时间：
2015-12-07 14:05:57
阅读次数：
123
css样式表内联样式表在html中某一标记中加入一个style属性语法：文档文档嵌入式样式表在head中加入id选择器语法格式:#id名{属性:值}属性选择器语法格式:[title]{属性:值;}正文中:跳转通配符选择器语法格式:*{属性:值;}注意:通配符选择器会将页面上所有东西作用到包含选择器(...
分类：
Web程序 时间：
2015-12-06 21:07:50
阅读次数：
226
常用元素标签 1级标题 2级标题 3级标题 4级标题 5级标题 6级标题 斜体文字(一般歪果仁强调语义的字体) 粗体文字(一般中果仁强调语义的字体) 段落 简单的引用 对长文本引用,左右会有缩进的效果 ...
分类：
Web程序 时间：
2015-12-06 00:03:15
阅读次数：
193
1.介绍虽然这篇是css笔记，但是做为web开发，天天和浏览器打交道，有必要先理理我目前了解的浏览器加载和渲染页面的过程。2.页面加载和渲染流程如图:(该篇重点是css,所以该图重点说明css渲染)1.重建DOM树:渲染引擎开始解析html文档，转换树中的标签到DOM节点2.构建渲染树:解析css，...
分类：
Web程序 时间：
2015-12-05 19:27:28
阅读次数：
132
