CSS小结

1.注意事项

1)多个单词加引号
2).+类名,不能数字开头
3)#+id名
4)内联元素要使用块元素的属性,设置display:block;

2.内部样式表:

<head>
<style type=”text/css”>
     ...
</style>
</head>

3.内联样式表:

<p style=”...”></p>

4.文本:

word-spacing(字间隔,可正可负)
letter-spacing(字符或字母间隔)
text-transform(字符转换)

text-indent:2em;  //首行缩进,可以继承
text-decoration:none/underline;
text-align:center;

5.背景

background(简写,无继承性)
background-color
background-image
background-repeat

6.字体

color:blue;
font-family:serif;
font-style:italic/Monospace;
font-weight:bold;
font-size:18px;

7.列表

list-style
list-style-position
去除列表符号:

li {
      list-style:none;
}

结构横向显示:

ul li{
    display:inline-block;
}

8.表格

border-collapse
border-spacing
caption-side
text-align:right;

9.CSS盒模型

10.display

11.选择器

派生选择器
属性选择器
子串匹配属性选择器
伪类选择器

12.外边距

margin:auto;

13.内边距

padding:

14.浮动

#aaa{
    overflow:hidden;
}
div#aaa p{
    float:left;
}
#lp{
    float:right;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,753评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,697评论 1 92
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 6,308评论 1 4
  • 本文为阅读《Head First HTML 与 CSS》的css部分的读书笔记,方便回顾书上的知识,另一篇为Hea...
    兼续阅读 5,836评论 0 17
  • 以前,我只知道混日子,也不知道,该干些什么。 后来,我因为一些兴趣和想法而有了现在的特长。 曾经的我,打架过、抽烟...
    若初虹阅读 2,600评论 0 0

友情链接更多精彩内容