当前位置: 首页 > Web前端 > HTML

css基本概念

时间:2023-04-02 23:46:17 HTML

css知识点盒模型:w3c标准盒模型:widthonlyincludescontentie盒模型:widthonlyincludescontent+padding+borderclearfloating方法clearfloating是解决child浮动导致父元素高度塌陷的问题elements伪类clear:既常用overflow:hidden常用居中方式1、text-align:cneter2,margin:0auto3,display:flex;justfly-内容:中心;4、父元素设置相对定位,子元素设置绝对定位,则:left:50%;top:50%;transform:translatē(-50%,—50%)伪类和伪元素状态类::hover鼠标悬停时触发:visited选择访问过的链接:link选择未访问过的链接:focus选择可聚焦的输入域结构类::first-child匹配第一个子元素:last-child最后一个子元素:nth-??child(2n)选择evenelementformclass::chencked选中:deafultDefault:disabled禁止css动画和渐变动画主要分为三种:1.transition实现渐变动画2.transform实现旋转动画3.animation实现自定义动画css渐变颜色主要分为两种:1.linear-gradientsLinearGradients)-Down/Up/Left/Right/Diagonaldirections2,radial-gradientsRadialGradients径向渐变(RadialGradients)-由它们的中心定义的HTML5和CSS3新元素HTML5:TagsVideo标签videoaudio标签audio语义标签nav/aside等属性增强forminputtype属性metacharestset字符集脚本addasync实现异步加载和存储loacalStorgesessionStrgeindexDBapicanvasdrawingsvgdrawingapidraganddropgeolocationetc.CSS3:圆角文字阴影框音视频remempx的区别,比如图片背景颜色渐变动画等。px是相对长度单位,是相对于屏幕分辨率的em相对长度单位。相对于当前对象中文本的字体大小rem,默认font-size=16px,则1rem=16px,这是CSS3中新的相对单位。这个单位和em有什么区别?不同的是,使用rem为元素设置字体大小时,仍然是相对大小,只是相对大小只是HTML根元素