代码拉取完成,页面将自动刷新
HTML知识
h1~h6标题标签
p标签
img图片标签
相对登录
ul,li无序列表
dl,dt,dd自定义列表
a链接标签
HTML通用属性
div标签
span标签
CSS2知识
CSS书写位置(内嵌式,外链式)
CSS语法规则
CSS基本选择器(标签选择器,类选择器,通配符选择器,多类名选择器)
尺寸属性 width height
文本相关属性 color,text-align,line-height,text-decoration
字体相关属性 font-size,font-weight,font-family
CSS复合选择器( 后代选择器,伪类选择器)
超链接的美化
CSS3选择器 结构伪类选择器
列表样式属性 list-style
元素显示方式 display
背景相关属性 background-color background-repeat background-image
盒子模型 border边框 border-radius圆角边框 margin外边距 padding内边距
定位属性 偏移量 相对定位 绝对定位 子绝父相 固定定位 堆叠属性z-index
CSS3知识
盒子阴影box-shadow
伪元素选择器 E::before E::after
过渡属性(transition属性)
2D变形(transform属性 取值: 旋转rotate 位移translate )
背景大小 background-size
背景线性渐变颜色 linear-gradient
弹性盒子相关属性 display:flex; flex justify-content flex-direction flex-wrap align-items
携程项目
引入网站图标
透明度属性 opacity
字体图标iconfont的使用
超出文本内容使用省略号
头部
使用Swiper完成轮播图
1.下载Swiper
2.引入相关css文件以及js文件
3.搭建HTML结构
4.初始化Swiper
导航1
导航2
导航3
特卖会
热门活动
底部
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。