2023年1月10日
CSS3高级选择器
摘要： 动态伪类选择器 锚点伪类：link、visited 用户行为伪类：hover、active、focus 目标伪类target（IE9及以上） 属性选择器 选择器描述 E[attr] 有属性att的所有E元素 E[attr='val'] 属性att的值是val的元素 E[attr^='val'] 属性 阅读全文
posted @ 2023-01-10 22:39 z_bky 阅读(36) 评论(0) 推荐(0)
音视频
摘要： 音视频历史 大家都有在网页中浏览视频的经历，但在HTML5之前，对视频乃至音频都还没有一个标准 因此在网页中看到的视频，都是通过第三插件的方式嵌入的，可能是QuickTime，也可能是RealPlayer 或者 Flash。浏览器很好的整合了这些插件，你完全意识不到它们的存在 音视频格式 大多数人会 阅读全文
posted @ 2023-01-10 22:39 z_bky 阅读(272) 评论(0) 推荐(0)
HTML5新表单属性
摘要： 表单的新属性规范 h5规范允许 当属性名和属性值相等的时候 可以直接书写属性名即可 在js中，h5允许以布尔值的形式控制属性开启或关闭 也就是在js中 给autofocus属性设置值为true（真，打开） 或者是 false（假，关闭） 但是在元素的属性中 不允许使用true或者是false来控制开 阅读全文
posted @ 2023-01-10 22:38 z_bky 阅读(71) 评论(0) 推荐(0)
HTML5新标签
摘要： html标签的语义化 语义化标签更具有可读性，便于团队的开发和维护 没有css的情况下，网页也能很好的呈现出内容结构和代码结构 关于SEO，搜索引擎更能理解到网页中各部分之间的关系，更准确更快速搜索信息 header标签 用来定义文档（网页或者是某一个段落）的页眉（头部） 可能包含一些标题元素，也可 阅读全文
posted @ 2023-01-10 22:38 z_bky 阅读(70) 评论(0) 推荐(0)
常见布局
摘要： 粘连布局 又称作 stick footer布局 如果页面不够长的话 footer粘在视窗的底部 如果页面内容长度超出，footer就会被页面向下推送出去 粘连布局方法1 给inner最小高度是 100% 让footer给margin-top：-50px (自身高度)上去 （main元素和footer 阅读全文
posted @ 2023-01-10 22:37 z_bky 阅读(25) 评论(0) 推荐(0)
CSS其他
摘要： CSS精灵 精灵图（雪碧图、css sprites）: 是一种网页图片的应用处理方式，允许将一个页面中很多零星的小图片包含到一张大图中去，当访问页面的时候，就不会一张张的去请求显示图片 对于当前的网络来说，小于200k的文件加载速度是一样的 通过background-position属性 将图片定位 阅读全文
posted @ 2023-01-10 22:36 z_bky 阅读(22) 评论(0) 推荐(0)
2023年1月9日
定位
摘要： 定位的概念： 除非专门指定，否则所有框都在普通流中定位。 也就是说，普通流中的元素的位置由元素在 HTML 中的位置决定。 定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素甚至浏览器窗口本身的位置 通过使用 position 属性，我们可以选择 4 种不同类型 阅读全文
posted @ 2023-01-09 23:10 z_bky 阅读(78) 评论(0) 推荐(0)
浮动
摘要： 浮动的来历 正常页面流： 在css中，是存在流的概念的，正常情况下，页面总是由左至右，由上至下布局，我们把这种情况称作为正常页面流 但是，在很多情况下，正常页面流有很多效果实现不了，所以需要一些手段来破坏流，而浮动（float）就是破坏流的一种手段 浮动的来历： float设计的初始想法仅仅是为了做 阅读全文
posted @ 2023-01-09 23:10 z_bky 阅读(43) 评论(0) 推荐(0)
CSS基础样式设置
摘要： 文本颜色的设置（color） color属性: 设置文字颜色（可以继承的） 可以直接设置颜色的名字（开发中很少使用，因为不精确） red green yellow pink blue grey purple orange lightblue lightgreen greenyellow yellow 阅读全文
posted @ 2023-01-09 23:09 z_bky 阅读(153) 评论(0) 推荐(0)
盒子模型
摘要： 盒子模型的概念： 在html中，把每一个元素都当做成一个盒子，拥有盒子的平面外形和空间 盒模型由内容（content）+内边距（padding）+边框（border）+外边距（margin）4部分构成 内容区域：你书写的内容或者子元素能够显示的区域 内边距：撑开内容与边框的距离 边框：元素的边框 外 阅读全文
posted @ 2023-01-09 23:07 z_bky 阅读(156) 评论(0) 推荐(0)