html5+css3基础
学习html5+css3的笔记和心得
竹叶依旧
小白,正在努力中...
展开
-
html5+css3的第9天 使用工具:HBuilder X
html5语义化的布局标记: 网页的头部布局标签(独立大区域布局头部) 导航部分 独立区块 主体区域(出去头尾 大区域布局容器) 侧边栏排版容器 独立区块(文章) 其他: 高亮...原创 2021-12-08 21:06:58 · 178 阅读 · 0 评论 -
html5+css3的第8天 使用工具:HBuilder X
pc端固定宽度移动端百分比(100%)flex@media 响应式布局:不能太过于复杂325px;媒体查询:@media@media not|only mediatype and (expressions) {CSS 代码…;}通过判断设备的分辨率 达到差异化布局:max-width: 最大宽度(不超过);min-width: 最小宽度(大于等于);关键字:onlynotand…设备关键字(mediatype)all:所有设备print: 打印设备scree原创 2021-12-07 20:38:19 · 163 阅读 · 0 评论 -
html5+css3的第7天 使用工具:HBuilder X
转换:transform:平移:2dtranslate(x,y);3d:translateX();translateY();translateZ();translate3d();旋转:2d:rotate(30deg)3d:rotateX()rotateY()rotateZ()缩放:scale(number);拉伸:skew()3d:3d透视:perspective:;转换子元素透视:transform-style: preserve-3d;动画:定义动画原创 2021-12-06 22:12:10 · 240 阅读 · 0 评论 -
html5+css3的第6天 使用工具:HBuilder X
资源:目录:css—head.css—banner.css—main.css—footer.cssimgsiconbannerproductjsfontsiconfont.cssiconfont.ttflibs第三方插件index.html知识点使用不熟练:absolute;重复类名:css3:border-radius:20px;box-shadow:x y offset color;background-size:;box-sizing:border-b原创 2021-12-03 18:55:32 · 331 阅读 · 0 评论 -
html5+css3的第5天 使用工具:HBuilder X
背景:background: 集合属性;background-image:url();background-repeat:no-repeat|repeat-x|y;background-position:精灵图;background-size:拉伸比;浮动:float:left|right|none;脱离文档流(不占body的标准位置)浮动造成的影响:1、浮动会覆盖没有浮动的元素;2、子元素浮动 daozhi父元素的高度塌陷3、文字环绕效果清除浮动:1、增加第三元素(挡板).c原创 2021-11-30 21:34:44 · 867 阅读 · 0 评论 -
html5+css3的第4天 使用工具:HBuilder X
css选择器:统配选择器:*{}标记选择器:tagName{}类选择器{}class="".class{}Id选择器id=""#id{}复合类型的选择器:群组选择器:多个选择器作用同一个样式b,s{}.list,p,#id{}后代选择器:匹配某个元素的所有的后代元素ul li{}grandfather father son 2222 2222 222 3333原创 2021-11-30 08:49:41 · 809 阅读 · 0 评论 -
html5+css3的第3天 使用工具:HBuilder X
超链接:锚点:定义:自定义命名:语义化驼峰命名:大驼峰: username UserName user User (类 常量 / 构造函数 常量 组件)小驼峰: username userName imgtruecolor->imgTrueColor user (变量 属性 方法 自定义函数 id class name )匈牙利命名:usernameuser_name(变量 属性 方法 自定义函数 id class name )USER_NAME (类 常量 / 构造函原创 2021-11-26 20:24:17 · 1164 阅读 · 0 评论 -
html5+css3的第2天 使用工具:HBuilder X
html超文本标记单标记双标记html元素属性:修饰html元素color:size:1-7face:align:水平对齐方式left |right|center常用的html标签:b strong:加粗s :删除线i em:倾斜u :下划线font: 颜色、大小、样式br:hr:水平线img: 图片h1-h6:标题p:段落嵌套:实体符:> >< < 空格自动换行:块元素:1、有宽度(默认宽度是其【父元素】的1原创 2021-11-25 19:48:52 · 1334 阅读 · 0 评论 -
html5+css3的第1天 使用工具:HBuilder X
ctrl+鼠标滚轮 :缩小和扩大xhtml:可扩展标记语言hml :hyperText markup languagehtml :超文本标记语言超文本:图片、音视频…标记: 代码段(标签、标记)文件名:.html(网页文件).htm (文档文件)SEO 搜索引擎优化 :减少标签嵌套网页文件的标准格式:document 文档声明文档类型 html5.0格式文档<!DOCTYPE html>根节点、根元素<html>*头部标记:放置具备特定功能的标记(原创 2021-11-24 18:59:20 · 623 阅读 · 0 评论