我们不生产代码,但我们是bug的专业制造者

Css笔记整理

1.css引入方式

css有四种引入方式

  • 1.id选择器
  • 2.class选择器
  • 3.标签选择器
  • 4.直接在标签内部写css代码
    优先级:4>1>2>3

text-decoration属性主要是用来删除链接的下划线:
a{text-decoration:none;}

2.用em来设置字体大小

1em和当前字体大小相等。在浏览器中默认的文字大小是16px。
因此,1em的默认大小是16px。可以通过下面这个公式将像素转换为em:px/16=em

3.margin简写属性

1
2
3
4
5
margin:25px 50px 75px 100px;
上边距为25px
右边距为50px
下边距为75px
左边距为100px
1
2
3
4
margin:25px 50px 75px;
上边距为25px
左右边距为50px
下边距为75px
1
2
3
margin:25px 50px;
上下边距为25px
左右边距为50px
1
2
margin:25px;
所有的4个边距都是25px

4.css块和内联元素

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<style>
li{display:inline;}
</style>
<body>
<p>链接列表水平显示:</p>
<ul>
<li><a href="/html/" target="_blank">HTML</a></li>
<li><a href="/css/" target="_blank">CSS</a></li>
<li><a href="/js/" target="_blank">JavaScript</a></li>
<li><a href="/xml/" target="_blank">XML</a></li>
</ul>
</body>

将display设置为inline将两个元素显示在同一水平线上
而display为block的结果是这将两个元素换行显示

Javascript高级程序设计笔记整理

  1. 1. 1.css引入方式
  2. 2. 2.用em来设置字体大小
  3. 3. 3.margin简写属性
  4. 4. 4.css块和内联元素