CSS期末知识复习, 重要知识点摘录

CSS期末知识复习,重要知识点摘录

CSS的创建

CSS期末知识复习, 重要知识点摘录_第1张图片

外部样式表

CSS期末知识复习, 重要知识点摘录_第2张图片

内部样式表

CSS期末知识复习, 重要知识点摘录_第3张图片

内联样式

CSS期末知识复习, 重要知识点摘录_第4张图片

优先级关系

CSS期末知识复习, 重要知识点摘录_第5张图片

背景设置

CSS期末知识复习, 重要知识点摘录_第6张图片

1.颜色

CSS期末知识复习, 重要知识点摘录_第7张图片

2.背景图像

CSS期末知识复习, 重要知识点摘录_第8张图片

3.背景是否平铺

CSS期末知识复习, 重要知识点摘录_第9张图片

4.简写

CSS期末知识复习, 重要知识点摘录_第10张图片

具体属性参考,不多赘述了,毕竟每个人薄弱点不一样
background菜鸟教程

CSS文本

1.颜色

CSS期末知识复习, 重要知识点摘录_第11张图片

2.对齐方式

CSS期末知识复习, 重要知识点摘录_第12张图片

3.文本修饰

CSS期末知识复习, 重要知识点摘录_第13张图片
这里特别注意,去除超链接格式更容易考到

CSS期末知识复习, 重要知识点摘录_第14张图片

常用的文本处理

增加行距



 
菜鸟教程(runoob.com) 




这是一个标准行高的段落。
这是一个标准行高的段落。
大多数浏览器的默认行高约为110%至120%。

这是一个更小行高的段落。
这是一个更小行高的段落。
这是一个更小行高的段落。
这是一个更小行高的段落。

这是一个更大行高的段落。
这是一个更大行高的段落。
这是一个更大行高的段落。
这是一个更大行高的段落。

效果如下:
CSS期末知识复习, 重要知识点摘录_第15张图片

想具体复习的可以看菜鸟在这里

我还想写的全一点,但东西有点多,从现在开始我就摘录我不会的了

字体单位转换

CSS期末知识复习, 重要知识点摘录_第16张图片
CSS期末知识复习, 重要知识点摘录_第17张图片

超链接

CSS期末知识复习, 重要知识点摘录_第18张图片

无序列表的清除布局

CSS期末知识复习, 重要知识点摘录_第19张图片

列表的点和数字换

属性没接上 是list-style-type
CSS期末知识复习, 重要知识点摘录_第20张图片

重点,表格边框




 
菜鸟教程(runoob.com)




Firstname Lastname
Peter Griffin
Lois Griffin

CSS期末知识复习, 重要知识点摘录_第21张图片
设置css

table
{
    border-collapse:collapse;
}
table,th, td
{
    border: 1px solid black;
}

CSS期末知识复习, 重要知识点摘录_第22张图片

盒子模型

CSS期末知识复习, 重要知识点摘录_第23张图片
CSS期末知识复习, 重要知识点摘录_第24张图片
CSS期末知识复习, 重要知识点摘录_第25张图片

定位

CSS期末知识复习, 重要知识点摘录_第26张图片
CSS期末知识复习, 重要知识点摘录_第27张图片
CSS期末知识复习, 重要知识点摘录_第28张图片
CSS期末知识复习, 重要知识点摘录_第29张图片

你可能感兴趣的:(web入门,css,前端)