随笔分类 -  html&css

Canvas和SVG的区别
摘要：Canvas和SVG的区别 阅读全文
posted @ 2021-04-27 09:05 Cupid05 阅读(691) 评论(0) 推荐(0)
页面分栏布局
摘要：1）用BDC实现分2栏：右栏自适应 2）弹性盒实现中间一栏自适应 3）用BFC实现分3栏，中间一栏自适应 4）用padding实现分三栏，中间一栏自适应 5）用margin实现分3栏，中间一栏自适应 阅读全文
posted @ 2020-04-17 21:08 Cupid05 阅读(493) 评论(0) 推荐(0)
最小高度的兼容方法
摘要：在我们正常的项目开发中，最小高度直接用min height即可！ 如果考虑兼容的话，iE6不兼容。 IE6默认把height解析成最小高度，如果height 和 min height同是出现，IE6执行height固定高度！ 那么我们如何进行设置： 第一种方法：min height:300px; _ 阅读全文
posted @ 2020-04-17 14:49 Cupid05 阅读(166) 评论(0) 推荐(0)
移动端隐藏滚动条
摘要：1）给滚动条的部分设置宽高为100%， overflow y: auto; 2）设置滚动条的部分:: webkit scrollbar{ width: 0; display:none; } 阅读全文
posted @ 2020-04-16 23:08 Cupid05 阅读(385) 评论(0) 推荐(0)
css3背景属性
摘要：（一）背景属性 （二）图片边框 （三）CSS圆角 阅读全文
posted @ 2020-04-13 23:33 Cupid05 阅读(161) 评论(0) 推荐(0)
HTML5新增标签，表单及属性
摘要：（一）语义化标签 + (二)多媒体标签 + 属性 + source （三）HTML5新增表单 + 新增type类型 + 新增表单属性 + 新增表单标签 + outpu：结果输出显示 + datalist 必须和list属性结合使用。做提示信息。 阅读全文
posted @ 2020-04-13 12:46 Cupid05 阅读(257) 评论(0) 推荐(0)
css3选择符
摘要：css属性选择器: 通过html属性选择对应的标签 ​ 1 选择符[属性名] { } 当一个元素有当前html属性值名称则匹配成功. ​ 2 选择符[属性名="属性值"] 属性和属性名都匹配成功才做选中 ​ 3 选择符[属性~="属性值"] 当前属性的属性值为一个词列表(多个单词以空格隔开) , 只 阅读全文
posted @ 2020-04-12 00:55 Cupid05 阅读(158) 评论(0) 推荐(0)
BFC触发条件及应用
摘要：BFC BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block level box（块）参与， 它规定了内部的Block level Box如何布局，并且与这个区域外部毫不相干。 一 BFC的布局规则 1.1 BFC触发条件 1. 阅读全文
posted @ 2020-04-08 14:36 Cupid05 阅读(276) 评论(0) 推荐(0)
宽高自适应，高度塌陷，伪对象选择符
摘要：宽高自适应 宽度自适应 高度自适应 最小高度的自适应 高度塌陷 高度塌陷的解决方法 visibility:hidden 伪对象选择符 阅读全文
posted @ 2020-04-08 08:59 Cupid05 阅读(106) 评论(0) 推荐(0)
css定位
摘要：css定位 定位模式：在css中，position属性用于定义元素的定位模式，其基本语法格式如下：选择器{position：属性值；} position属性值有5种，分别是静态定位，相对定位，绝对定位，固定定位和粘性定位 | 属性值 | 描述 | | | | | static（静态定位） | 正常显 阅读全文
posted @ 2020-04-08 08:20 Cupid05 阅读(164) 评论(0) 推荐(0)
css选择符
摘要：css选择器 1)类型选择符（标签选择符） ​ 能选中左右同名标签、 2) id选择器 ​ 用法： 用来划分网页外围结构 ​ 语法： ​ 名称{ 属性：属性值} 3）类选择器（class选择器） ​ 语法： ​ .名称{ 属性：属性值} 4）群组选择器 ​ 当有多个选择符应用相同的样式时，可以将选择 阅读全文
posted @ 2020-03-29 21:55 Cupid05 阅读(194) 评论(0) 推荐(0)
盒模型
摘要：盒模型 盒样式 border 盒子样式 padding 盒子样式 margin 盒子的宽高 阅读全文
posted @ 2020-03-29 21:46 Cupid05 阅读(132) 评论(0) 推荐(0)
css元素类型
摘要：css元素类型分为： 块状元素，内联元素，内联块状元素 块状元素 1）在页面中以矩形区域显示 2）自上而下排列，独占一行 3）可以直接添加宽高，可做为其他元素或者内容的容器 常用的块状元素有：<div 、<p 、<h1 ...<h6 、<ol 、<ul 、<dl 、<table 、<address 阅读全文
posted @ 2020-03-29 21:44 Cupid05 阅读(138) 评论(0) 推荐(0)