2022-07-10 第一组 田龙跃 学习笔记
作者:互联网
锚点: xxx为 id 直接跳到对应ID块(同一个页面位置)《多个目录时使用》
target:blank 在新标签页中打开 href:地址
文本框属性 required(必填) placeholder(水印(提示))
div块级元素(使用时会独占一行)
span行内元素(在一行里使用)
viewport网页在手机端显示不会发生变化
层叠样式表--同名样式后声明的会把先声明的覆盖掉
内部样式表-在style中编写css样式
内联样式表-在标签中定义css样式
外部样式表-通过link标签导入(优势:代码分离,解决重复样式问题,浏览器会还存起来提高反应速度)
后代选择器 h1 p{color:red;} h1下面的所有p标签都是这个样式(h1 p)
子元素选择器div>span{font-size:900} div的第一个子元素span的样式(h1>p)
属性选择器选择页面上所有具有该属性的标签([type=text])(class~=font所有类包含font的类的的选择器)
优先级:行内选择器(行内不受其他影响,其他选择器样式多余的可以层叠)>id选择器>类选择器>标签选择器
css层叠性:最终选择原则:选择多个类的同种样式,只有最后写的那个样式会生效
border,margin--像素顺序(上右下左)
margin-我离外面物体的距离(白话)
flex布局就是一个一个排好display: flex;(具体使用看笔记)
position:absolute:脱离文档流(脱离文档流就像是飘在了页面上方,会盖住其他东西),在页面之上(不在占据网页内的位置)定位参照父级元素---------------绝对定位(肯定有一个父级元素设置为position:relative
)
position:relative:没脱离文档流,占据页面位置-----------------相对定位
position: fixed (固定定位) ?元素一直固定在一个位置无论滚轮滚到哪
z-index //使用场景:当定位的盒子重叠在起,设置显示层级越高的越显示在上面
float元素会脱离文档罗
可以给整体网页设置最小宽度min-width来防止窗口大小改变flex弹性布局中的div块内的元素排布和大小!!!
line-height行高:每行的高度
rowspan="占几行" colspan="占几列" 当前位置向下后者向后
json:html属性中的name就是json字符串中的key值,value(如果有的话)市Json字符串中的value值
标签:10,07,样式,标签,元素,样式表,2022,选择器,页面 来源: https://www.cnblogs.com/404tly/p/16467880.html