css笔记
在游览器中，style,直接修改可以观察
1、注释，/*这是注释*/
2、在标签上设置style属性
background-color:#2459a2;
height:48px;
3、在head里面，style标签中写样式
id选择器：
以#定义的css，id调用不能重复，虽然能显示，不规范
#名称{} 应用 <标签 id='名称'><标签/> 注意：名称以字母开头
class选择器：
以.定义的css，class能重复，比较常用方式
.名称{} 应用 <标签 class='名称'><标签/> 注意：名称以字母开头
class="c1 c2" 表示两个都用，重复会有优先级，有限style--其次c1--再其c2
4、标签选择器
定义div{}，生效 找到所有div标签应用 可以是其他标签
5、层级选择器或关联选择器
span div{} .ci div{} 前面是标签选择器（中间是空格，往下找层） 后面id
6、组合选择器----标志（，）逗号
#i1，#i2，#i3{} 三个都是一样选择 .c1,.c2{}
7、属性选择器-----目前主要用于input
对选择到的标签，再通过一次筛选
例如：选择器 input[type='text']{width:100px;hight:200px}
css文件引入到html <link rel="stylesheet" type="text/css" href="123.css" />
css
--bolder边框 bolder:1px solid red; 宽度1像素、实体、红色
--height,width width:80%;
--font-size 字体大小
--text-align：center； 水平居中
--line-height:48px 在定义的高48像素内，高度居中
--font-weight:bold 字体加粗
--color 字体颜色
--float 漂浮（很重要） float:left； 往左飘 ----有个坑点
让块级标签飘起来
body里面会自动有个靠上面缝隙，消除缝隙方法<body style="margin:0 auto"> 0是高度缝隙，auto是div居中
父亲被撑起来后面加一个，管住，儿子类的div，<div style='clear:both;'></div>,改善父亲
----这是清除float，其中一种方式，还有其他几种
--display 改造标签
display:flex---------一般为父级标签设置，子级标签会有相应功能变化
<div style="display:inline">----变成span标签
<span style="display:block">----变成div标签
******行内标签无法设置高度，宽度,边距，span标签和a标签都不能改
******块级标签，可以改变高度，宽度,边距；默认占父亲100%
内连标签，自己有多宽占多宽
display：inline-block 双性
display:none 标签消失
--padding，margin 内边距，外边距
margin-top:20px 距离上边20像素，叫外边距
pdding-top:20px 内边距
视频第十四周，14-25作业部分，详细。飘、div居中
0后面就不要加像素了
css补充
position: 类似返回顶部，一直在顶部
position:fixed，固定在页面窗口某个位置
<div style="position:fixed;button=20px;right=20px;"/>
position:relative+position:absolute 相对定位
单独使用position:absloute
多层配合z-index： 层级
opcity,透明度
overflow 例如图片，就强制设置在框架里面
overflow:auto，出现大的时候滚动条
overflow:hidden,大的时候隐藏
hover
使用方法-----.i1:hover{} 与上面不同 .i1:hover.b{}
表示鼠标移上去才改变颜色
background-image:url(路径)；默认div大，图片重复堆叠，水平也默认
background-image:url(路径)+background-repeat：repeat-x --指定堆叠方式
background-repeat：no-repeat --指定堆叠，就显示一个
background-position-x:0px background-position-y:0px 移动背景图
有简写方式，不展开
网站：fontawesome.io 找小图标------从网站上下载文件，放入html，文件一个都不能删，直接复制命令就行
https://fontawesome.dashgame.com/
具体操作，复制css和font文件夹，到目标文件
浙公网安备 33010602011771号