Magicdawn
0%

发表于 分类于

Problem1

最近因为重装了系统,今个重新安装 hexo 的时候,hexo generate 出来,还是 ejs 源码,markdown 也没有生成 html,而是直接拷贝到 public 目录…

我查看了 hexo 的新版本@2.8.0 (DateTime.Now = 2014-7-15 18:13)
看到有 dependency : hexo-render-underscore
可能是因为 hexo 的新版本换了生成器吧…

阅读全文 »

发表于 分类于

选择器

属性选择器

选择器 说明
a[href] 表示有 href 属性的 a 标签
a[href=”xxx”] 属性名称&值写在方括号中
a[href ~= “abc”] 根据属性值中出现的单词,如 class=”abc def” ~=abc
a[href *= “abc”] 出现的子串,class=”abcdef”, *="abc"
a[href ^= “abc”] 属性值以abc开头
a[href $= “abc”] 属性值以``abc 结尾
a[lang |= “en”] 属性值以en 或者 en- 开头皆满足条件
阅读全文 »

发表于 分类于

1.链接

<a> 标签,href 标签表示链接地址
a:pseudo(伪类) 设置不同状态的链接
有 link-hover-active-visited
分别表示 链接正常时/悬停时/链接被激活时,也就是点击了该链接/已访问过的链接

a{}与 a:link{} 设置的都是 a 标签正常时的效果,区别在于当 a 标签的 href 属性没有设置时,a:link 无效
a:hover 悬停时效果
a:visited 以访问效果
a:active 点击链接时,但用户点击链接,关注点已经转移,通常对这个不做设置

阅读全文 »

发表于 分类于

1.文字

font-family : 微软雅黑,"Times New Roman",Consolas;
当字体名称中有空格时要用引号,各自体之间用半角的逗号隔开.

font-size :字体大小,用长度单位表示

阅读全文 »

发表于 分类于

针对 IE 的 CSS hack

  • IE 的 background = content + padding
    FF 的 background = content + padding + border

  • IE6 absolute 定位 left 边距 bug(CSS 彻底研究 P94)
    给父标签,打上 height : 1%;

发表于 分类于

CSS 彻底研究(3)-浮动,定位

$1 一 . 浮动 float
$1 I . 定义及规则
float 默认为 none,对应标准流的情况。当float : left;时，元素就会向其父元素的左侧靠紧，脱离标准流，同时宽度不再伸展至充满父容器，而是根据自身内容来确定。
$1 II . 演示规则
准备代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
        body
        {
            margin: 0;
            padding: 0;
        }

        #father
        {
            background-color: cyan;

            /*父级div 没有定位 造成子div的margin-top传递给父级*/
            position: absolute;
        }

            #father *
            {
                margin: 10px;
                padding: 10px;
                border: 1px dashed red;
            }

        #son1
        {
        }

        #son2
        {
        }

        #son3
        {
        }
    </style>
</head>
<body>
    <div id="father">
        <div id="son1">#son1</div>
        <div id="son2">#son2</div>
        <div id="son3">#son3-son3son3son3</div>
        <p>
        这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字这是文字
        </p>
    </div>
</body>
</html>
阅读全文 »

发表于 分类于

基本选择器

  1. 标记选择器h1 {...}
  2. 类别.class_name{...},两个 class 同时作用,如class = 'one two',冲突取前者
  3. ID 选择器 #id{...}

复合选择器:两个或多个选择器,通过不同的方式连接

阅读全文 »