学习html+css(1)

2018.3.18

最近在学习一些前端知识,有些总结的小知识点。感觉还是很有趣的,因为很直观。

--------------------------------------------------------------------------------------------------------------------------------

1.在记事本中插入图片

没有找到图片时显示的文字
图片位置即路径很关键
2.一些兼容性问题(简单版)

标准头
 


3.引入CSS样式表
(1)链入式最常用,其他就不再赘述

(2)各种文本样式
字体大小:font-size  PS:长度单位em:相对于当前文本的字体尺寸
字体:font-family
颜色:color  PS:颜色可以采用16进制定义
字间距:letter-spacing 可正可负   单词间距:word-spacing
行间距:line-spacing  PS:px最常用
对齐方式:text-align:center/left/right;
首行缩进:text-indent   PS:一般文本为2em
(3)选择器
分标记选择器,类选择器,id选择器等
重点为类选择器
.类名{属性1:属性值1;属性2:属性值2;}可以用在多个引用了该类的地方,可为元素对象定义单独的样式。
顺便提到 #id名{....} 只能对于文档某个特定的元素。
优先级:id选择器>类选择器>标记选择器
  权重        (100)    (10)       (1)
继承样式权重为0
(4)盒子样式
1.边框(其中一种表达方式)border: 四边宽度 样式 颜色
可以用复合属性来设置元素的多个样式,避免繁琐
综合设置属性的时候必须按照上右下左的顺时针顺序来写
2.内边距padding
3.外边距margin
(可以设置为aoto(默认值))
4.背景background:
设置背景为某个图像:使用background-image:url(图片位置)
设置平铺:background-repeat:repeat-x    水平平铺
                                                 repeat-y     竖直平铺
                                                 no-repeat   不平铺
图片是否固定在屏幕上:background-attachment:scroll 滚动/fixed固定
5.


块元素
 行内元素
是大块,用法和

差不多
只能在行内即标记文本啊。。。


你可能感兴趣的:(学习笔记)