![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端基础知识
iteye_7560
这个作者很懒,什么都没留下…
展开
-
html标签语义化
1、定义: html标签语义:即html标签的含义。首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用,很明显Hx系列看起来很像标题,因为拥有粗体和较大的字号。<strong>,<em>用来区别于其他...原创 2014-01-08 10:16:04 · 96 阅读 · 0 评论 -
W3C标准的理解
做web切图的很多技术人员,对基础知识都了解的不够,以至于在做一些页面优化和页面结构调整的时候做的不好,今天整理出一套关于web前端的一些基础知识,希望大家可以加深理解W3C标准的理解:万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:...原创 2014-01-08 10:27:39 · 539 阅读 · 0 评论 -
css hack
对入门的前端人员来说,css的hack是特别头疼的问题,为了让所有主流浏览器显示同样的页面是煞费苦心,如果入门有个好的师傅带着,可以走很多捷径,否则没有个半年左右的时间是不会彻底从hack里从出来。我现在分享下css hack具体的内容,感谢贡献者:CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firef...原创 2014-01-08 10:36:33 · 63 阅读 · 0 评论 -
CSS盒子模型
什么是CSS的盒子模式呢?为什么叫它是盒子?先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。 这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。那么内容(CONTENT)就是盒子里装的...原创 2014-01-08 10:41:54 · 108 阅读 · 0 评论 -
HTML4.0的严格模式与混杂模式 ,它们有何区别
不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析,但在某些情况下也会影响到JavaScript的解释执行。1、文档模式目前有四种: 混杂模式(quirks mode) //让IE的行为与(包含非标准特性的)IE5相同 标准模式(standards mode) //让IE的行为更接近标准行为 准标准模式(almost standards mode) //这种模式...原创 2014-01-08 11:17:23 · 332 阅读 · 0 评论 -
web页面重构怎么操作?
页面重构就是根据原有页面内容和结构的基础上,通过div+css写出符合web标准的页面结构。具体实现要达到以下三点:1. 结构完整,可通过标准验证2. 标签语义化,结构合理3. 充分考虑到页面在站点中的“作用和重要性”,并对其进行有针对性的优化...原创 2014-01-09 09:51:25 · 2702 阅读 · 0 评论 -
display属性值table-cell的使用
display的属性值table-cell代表将标签转换为表格td或是th格式,之后可以引用td的属性vertical-align:bottom等;如需要将td单行显示需要加入行元素display:table-row; 如并列显示则不需要加入display:table-row; ie6、ie7不支持; 下面的案例是单行显示代码: ul li p{ overf...原创 2014-12-05 14:14:37 · 476 阅读 · 0 评论 -
背景黑色半透明css属性
此属性支持ie7以上div{background-color: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);/*低版本ie透明写法*/}原创 2014-12-05 14:25:16 · 9417 阅读 · 0 评论 -
jquery中animate()的用法
.animate( properties [, duration ] [, easing ] [, complete ] )properties:CSS属性和值,该动画将对应移动的对象。例:$( "#clickme" ).click(function() { $( "#book" ).animate({ left: "+=50",//需要变化的css属性...原创 2014-12-18 10:06:05 · 426 阅读 · 0 评论