HTML5+CSS3笔记总结
HTML5新增属性,标签,CSS3新增选择器,样式等。以Xmind格式的笔记总结,更详细更直观。
星河路漫漫
且停且忘且随风,且行且看且从容。
展开
-
HTML5+CSS3笔记:第五天(HTML5+CSS3完结)
HTML5+CSS3知识总结:canvas坐标:画图的基本步骤:1.创建画布2.获取画布3.开始路径规划4.规定画笔颜色5.规定画笔粗细6.开始作画7.路径闭合8.绘制描边9.颜色填充将图片画到画布上:1.创建img DOM对象2.等待图片加载完毕后再将图片画到画布上3.使用drawImage(img,x,y)Location对象:1.返回完整的url:href2.返回从 # 开始的 url :hash3.返回从问号(?原创 2024-08-08 08:22:54 · 420 阅读 · 0 评论 -
HTML5+CSS3笔记(Xmind格式):第四天
HTML5+CSS3知识总结:媒体查询:1.媒体查询格式:@media 设备类型 and 设备特性2.screen:设置屏幕3.max-width(最大宽度),min-width(最小宽度)4.可以通过媒体查询引入不同的css样式移动端布局方式:1.静态布局2.流失布局3.自适应布局4.响应式布局单位:1.px 像素单位2.em 相对单位:相对于父元素的字体大小的倍数3.rem 相对单位:root 根元素的字体大小rem可以结合媒体查询做移动端的适配。原创 2024-08-07 08:27:09 · 389 阅读 · 0 评论 -
HTML5+CSS3笔记(Xmind格式):第三天
过渡 transition: 过渡属性 过渡时间 运动曲线 何时开始2D变形transform :1.平移:translate(单位px)2.缩放:scale(默认1,大于1放大,小于1缩小)3.旋转:rotate(单位deg)4.倾斜:skew(单位deg)3D变形transform:1.rotateX:沿着X轴旋转2.rotateY:沿着Y轴旋转3.rotateZ:沿着Z轴旋转4.backface-visibility: hidden:背部不可见。原创 2024-08-06 08:36:10 · 586 阅读 · 0 评论 -
HTML5+CSS3笔记(Xmind格式):第二天
新增选择器:1.选择相邻兄弟2.属性选择器3.结构性伪类选择器4.整体结构类型5.标签结构类型6.指定子元素的序号7.文本选择伪元素8.表单中使用的状态伪类选择器9.内容追加伪元素10.JS新增的选择器CSS3新增样式属性:1.background-image多重背景2.background-image的渐变:线性渐变,径向渐变3.background-size背景缩放4.background-origin背景定位原点。原创 2024-08-03 14:24:17 · 431 阅读 · 0 评论 -
HTML5+CSS3笔记(Xmind格式):第一天
header:定义文档的页眉,用来表示页面的头部。- nav:定义导航链接的部分nav 元素代表页面中的导航,其中的导航元素链接到其他页面或当前页面的其他部分。- main:主体信息- aside : 侧边栏- article:article元素表示文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报纸中的文章、一篇论坛帖子、一段用户评论或独立的插件,或其他任何独立的内容。- section:定义文档中的节(section、区段)原创 2024-08-02 13:22:05 · 549 阅读 · 0 评论