本文共 982 字,大约阅读时间需要 3 分钟。
1
只能对body元素增加样式
2
border-bottom会延伸到页面边缘。
underline只出现在文本下面。text-decoration="underline"
3
希望一个class所有元素都有同一种样式。可以用.
.greentea{ /*前面有个点*/
color: green;
}
4
Web开放字体格式(Web Open Font Format,简称WOFF)
Google的字体托管服务,免费
每个字体创建一个单独的@font-face
5.
font-size: 150%
font-size:1.2em
是相对于父类大小。
一般做法,选择small或者medium作为body的字体大小,相当于默认大小。在使用em或者百分数改变。改变一个,剩下全变:
body{ font-size: small; }h1{font-size: 150%;}h2{font-size: 120%}默认的:
h4是100%,h5是90%,h6是60%
6
制定颜色
background-color: silver;
background-color: rgb(80%, 40%, 0%)
或者是0--255中间某值:
background-color: rgb(204, 102, 0)
background-color: #cc6600
#cc6600 可以写成#c60,但是#ccbb10不能缩写。
7.
文本text decoration 有两个不同的规则,一个上划线,一个下划线,不会累加。唯一的办法是在同一个规则中指定。
8.
删除:1)decoration。 2)<del>
插入:<ins>
9.
内容区-》内边距-》边框-》外边距
内边距是元素的一部分。
内边距:padding 25px
外边距:margin 30px
10
按照id选择元素
#footer{
color: red;
}
或者id为footer的p 元素:p#footer。。为不同页面不同元素准备。
11
增加媒体查询<link href="", rel="ss", media="print">
@media screen and (min-device-width: 481px){
#guarantee{
margin-right: 250px;
}
}
转载地址:http://tqmmi.baihongyu.com/