前端页面样式（一）

作者：陈小白

撰写时间：2019年02月01日

 

关于页面样式的一点点笔记…… 

1：html中的标签是成对出现的     html要与其他文件绑定才可以使用其他文件

2：id 和 class(类）其实是<div></div> 中的属性

<li></li>:中间可牵插文字

<a></a>:a标签 有一个不可少的元素--href：你所要跳到的一个地址

<ul></ul>：无序列表

3：css中每个代码的结尾都用；结尾

4：选择器之间要用空格隔开：称为上下文选择器

5:div属于块级元素，默认占满一行

 

 

width：宽度 ；  height:高度 ； 单位是px（像素）

Background：符合属性  font-size:字体大小    color:字体颜色

background-color: 背景颜色； background-image背景图片输入url 选择图片所在位置

background-repeat：重复 ； no-repeat：不重复 ；  background-position：背景位置

Position：定位设置--------fixed：固定定位

Bottom：下  ；  center：中间 ；  top：顶部------离顶端 ；    margin：0 auto：水平居中

Padding：内边距；可以设置内容区和边框的间距   

margin：外边距；可以设置盒子与邻元素的间距

. ：class类选择器 ；   #：id选择器---后跟 id的名称 ；  *：通配符

Display：block:行内元素变成块级元素

Offset: 偏移量；

position: relative:相对自己进行定位，称为相对定位

position: absolute：绝对定位

overflow: hidden：清除浮动

line-heigh：行高cursor: pointer;/*鼠标箭头的样式*/

Border-radiu：圆角制作------具体的数字后加像素px做单位

 text-decoration：none：去掉a标签的下划线

：hover：鼠标移上去时字体颜色的改变，，前加类后加颜色值

font-weight:字体的宽度，粗细，，，后加数字，不用具体单位

Padding-bottom:下部的内边距

Padding-top：上部的内边距

Box-shadow:0px 3px 3px #f6bb42;:水平阴影 垂直阴影 阴影距离 阴影颜色