
html
石倩蓉
一名优秀的Web前端,应该是Write less,do more。
展开
-
HTML语义化
定义:HTML为我们提供了相当丰富的标签,每个标签都有它各自的含义。我认为在设计时,除了遵循HTML语法以外,应该充分利用并遵守各标签的“语 义”。如标题文字应该包含在h1-h6中,大段的文字内容应该由进行分段而不是,列表项应该放在ul或ol或 dl中,表格形式的数据应该仍然用table布局。语义和默认样式的区别:默认样式是浏览器设定的一些常用tag的表现形式,语义化的主要目的是让原创 2015-05-04 18:17:07 · 427 阅读 · 0 评论 -
特殊布局
#content{position:relative;}#left{width:200px;background:red;height:500px;position:absolute;}#right{background:green;height:500px;margin-left:200px;} #left{width:200px;background:red;原创 2015-07-16 19:27:52 · 503 阅读 · 0 评论 -
表格
1.table不是inline,block,inline-block,属于display:table因为table支持宽高,支持内容撑开宽度,但是是独占一行2.不要table中th,td以外的元素元素添加样式,存在兼容性问题3.单元格默认平分table的宽度4.th里面的内容默认加粗并且左右上下居中显示5.原创 2015-09-03 17:20:50 · 413 阅读 · 0 评论 -
超链接中的href
标签的 href 属性用于指定超链接目标的 URL。href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。如果用户选择了 标签中的内容,那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档,或者执行 JavaScript 表达式、方法和函数的列表。超链接的 URL。可能的值: 绝对 URL - 指向另原创 2015-08-24 17:27:46 · 1045 阅读 · 0 评论 -
html笔试面试题
1.html中的行内元素,块元素,空元素有哪些?2.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?3.emmet技术原创 2015-07-21 21:05:08 · 632 阅读 · 0 评论 -
HTML语义化
引子:近日杭州高温,不过受日食影响下了大雨(具体是不是,我也不知道),气温下降,难得一个周末还加了一天班,晚上和一同学探讨html+css,他刚学,从他编写的html上就可以看出来,过分使用diV标签,html的语义化很不好,一直都在讨论关于html的语义化的东西,什么是html的语义化?html有什么好处?每个人都有自己的理解,我的博客上没有类似的文章,一直想写,也没有时间,正好,借转载 2015-07-23 11:12:04 · 558 阅读 · 0 评论 -
九宫格
<!--九宫格:border-width:5px,格子大小是 50px*50px,hover时边框变成红色。-->* { padding: 0; margin: 0;}/*text-align属性只能针对文本文字和img标签,对其他标签无效*/body {text-align: center;}div{ width:170px; height:170px; mar原创 2015-07-16 20:42:17 · 713 阅读 · 0 评论 -
<br/>与\n的区别
document.write("abcdef");document.write输出的是html,在html中用来表示换行,而\n属于javascriptalert("abc\ndef");alert的参数是javascript中的字符串,javascript中适用\n来表示换行。原创 2015-05-21 15:11:16 · 2761 阅读 · 0 评论 -
js中单引号和双引号的问题
单引号和双引号其实没啥区别,看你自己习惯了-------------------不正确-------------------正确双引号中再用双引号要这样:var str = "abc\"def\"ghi"用反斜杠来禁止解析双引号。下面是我摘录的,希望对你有用:在一个网页中的按钮,写onclick事件的处理代码,不小心写成如下:IE提示出错后,再漫不经心地转载 2015-05-13 09:40:57 · 452 阅读 · 0 评论 -
在新窗口打开链接的方法
一、让整个网页内的所有链接都在新窗口打开 在head中加入二、让一个div里面的所有链接都在新窗口打开var anchors = document.getElementById("DIV名").getElementsByTagName("a");for(var i=0;ivar anchor = anchors[i];anchor.targe转载 2015-05-05 19:00:45 · 5798 阅读 · 0 评论 -
block inline inline-block
1.块元素(1)默认独占一行(2)没有设置宽度时,独占一行(3)支持宽高属性(4)代码换行不会被解析为空格(5)支持所有CSS命令caption,thead,tbody,tfoot,tr,th,tdform,p,address,divh1~h6,hrul,ol,li,dl,dt,ddfieldset,legend2.行内元素(1)默认一行可以显示多个原创 2015-09-02 21:34:06 · 341 阅读 · 0 评论