C++博客-小默-随笔分类-Web

中文字号、磅和像素对照关系

小默 — Sat, 18 Feb 2012 15:05:00 GMT

http://www.metsky.com/archives/32.html

本文介绍中文字号、磅（pt）和像素（px）的对照关系，方便大家设计网页时参考合适的字号，一般网页正文字体为12px到16px，相当于9-12磅字号大小，标题文字可以稍大一点，具体参见下文表格字体大小，本文内容来源于网络汇总，做了点补充，如有错误，欢迎指出。

一、基本单位概念

单位	中文名称	转换
inch	英寸	1英寸=2.54厘米
cm	厘米
pt	磅或点数，是point简称	1pt=1/72(英寸)
px	像素，是pix简称

二、中文字号大小、磅和像素对照关系

下表参照显示器96dbi（每英寸点数）显示进行换算结果。比如：6.5pt = 6.5 * 1/72 * 96 = 8.6px，像素肯定不能出现小数点的，一般是取小显示。下表字体已经按照各行所代表的字号大小进行显示。

字号	磅(pt)	像素(px)
小六	6.5	8px
六号	7.5	10px
小五	9	12px
五号	10.5	14px
小四	12	16px
四号	14	18px
小三	15	20px
三号	16	21px
小二	18	24px
二号	22	29px
小一	24	32px
一号	26	34px
小初	36	48px
初号	42	56px

小默 2012-02-18 23:05 发表评论

django, CSRF token missing or incorrect

小默 — Mon, 03 Oct 2011 14:56:00 GMT

CSRF token missing or incorrect

1 在 templete 中, 为每个 POST form 增加一个 {% csrf_token %} tag. 如下:

{% csrf_token %}

2 在 view 中, 使用 django.template.RequestContext 而不是 Context.

render_to_response, 默认使用 Context. 需要改成 RequestContext.

导入 class:

from django.template import RequestContext

给 render_to_response 增加一个参数:

def your_view(request):

...

return render_to_response('template.html',

your_data,

context_instance=RequestContext(request)

)

小默 2011-10-03 22:56 发表评论

'JavaScript DOM 编程艺术' 第三章 DOM 例子

小默 — Sun, 25 Sep 2011 21:05:00 GMT

第三章的例子

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <style>
        body {
            color: white;
            background-color: black;
        }
        p {
            color: yellow;
            font-family: "arial", sans-serif;
            font-size: 1.2em;
        }

        .special {
            font-style: italic;
        }
        h2.special {
            text-transform: uppercase;
        }

        #purchases {
            border: 1px solid white;
            background-color: #333;
            color: #ccc;
            padding: 1em;
        }
        #purchases li {
            font-weight: bold;
        }
    style>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Shopping listtitle>
head>
<body>
    <h1>What to buyh1>
    <p title="a gentle reminder">Don't forget to buy this stuff.p>
    <ul id="purchases">
        <li>A tin of beansli>
        <li>Cheeseli>
        <li>Milkli>
    ul>

    <p class="special">This paragraph has the special classp>
    <h2 class="special">So does this headlineh2>

    <script>
var println = function(arg) {
        if (arg)
            document.write(arg);
        document.write("");
    }

    println("getElementById():");
    println("id purchases: " + document.getElementById("purchases"));
    println("innerText: " + document.getElementById("purchases").innerText);
    println();

    println("getElementsByTagName():")
    li_items = document.getElementsByTagName("li");
    println("tag li: " + li_items);
    println("length: " + li_items.length);
    for (var i = 0; i < li_items.length; i++) {
        println(i + ": " + document.getElementsByTagName("li")[i].innerText);
    }
    println();

    println("with \"*\" :");
    println("all tags: " + document.getElementsByTagName("*").length);
    println();

    println("combine ById and ByTagName - get tags in a id: ")
    var shopping = document.getElementById("purchases");
    var items = shopping.getElementsByTagName("*");
    println("tag \"*\" in id \"purchases\": " + items.length);
    println();

    println("object.getAttribute(attribute) - get title attribute of the objects which tags are p");
    var tags_p = document.getElementsByTagName("p");
    for (var i = 0; i < tags_p.length; i++) {
        println(tags_p[i].getAttribute("title"));
    }
    println();

    println("object.setAttribute(attribute, value) - set title attribute of the object which id is purchases");
    var shopping = document.getElementById("purchases");
    shopping.setAttribute("title", "a list of goods");
    println(shopping.getAttribute("title"));

    script>
body>
html>

小默 2011-09-26 05:05 发表评论

HTML xmlns 属性

小默 — Sun, 25 Sep 2011 16:41:00 GMT

HTML xmlns 属性

xmlns 属性可以在文档中定义一个或多个可供选择的命名空间. 该属性可以放置在文档内任何元素的开始标签中. 该属性的值类似于 URL, 它定义了一个命名空间, 浏览器会将此命名空间用于该属性所在元素内的所有内容.

例如, 如果需要使用符合 XML 规范的 XHTML 文档, 则应该在文档中的标签中至少使用一个 xmlns 属性, 以指定整个文档所使用的主要命名空间.

http://www.w3school.com.cn/tags/tag_prop_xmlns.asp

TODO XML

小默 2011-09-26 00:41 发表评论

html doctype declaration

小默 — Sun, 25 Sep 2011 15:22:00 GMT

HTML Declaration

Definition and Usage

The doctype declaration should be the very first thing in an HTML document, before the tag.

The doctype declaration is not an HTML tag; it is an instruction to the web browser about what version of the markup language the page is written in.

The doctype declaration refers to a Document Type Defination(DTD). The DTD specifies the rules for the markup language, so that the browsers render the content correctly.

Doctype Avalable in the W3C Recommendations

XHTML 1.1

This DTD is equal to XHTML 1.0 Strict, but allows you to add modules (for examp.e to provide ruby support for East-Asian languages).

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

http://www.w3schools.com/tags/tag_doctype.asp

小默 2011-09-25 23:22 发表评论