1、前端页面的组成:HTML(超文本标记语言,结构层)、css(层叠样式表,表现层)、JavaScript(脚本语言,行为层)
2、HTML文档结构
3、HTML语法:<标签> 双标签 <标签名 /> 单标签
4、html注释内容: css注释内容:/* css注释内容 */
5、div标签:[内容]
6、style标签对,放置在结束标签的上方
7、选择器 类选择器: 结构中:样式中:.box{ 声明语句; 声明语句; }
8、属性: 属性值;
width属性,宽度,单位像素px height属性,高度,单位像素px background-color属性,背景颜色,颜色结点(关键词) border-radius属性,圆角,单位%、px 值可能一个值、两个值、三个值、四个值
2D转换: transform: rotate(ndeg);旋转 单位deg角度
transform: scale();缩放 没有单位
transform: translate(xpos,ypos);位移,单位%、px
帧动画:
1)定义帧动画 @keyframes 动画名称{ }
2)引用帧动画 animation: 动画名称 动画的执行时间 动画类型 动画执行的次数 反向轮流播放;
3) position:
position: absolute; 绝对定位 不占位 left/right属性,top/bottom属性
position: relative; 相对定位
入门html
最新推荐文章于 2024-09-07 08:27:06 发布