随笔分类 -  HTML;CSS

vue 样式绑定
摘要：vue 样式绑定方式 阅读全文
posted @ 2023-06-10 11:20 羽丫头不乖 阅读(6) 评论(0) 推荐(0) 编辑
Upload上传按钮记录
摘要：Upload上传按钮记录 阅读全文
posted @ 2022-09-08 16:56 羽丫头不乖 阅读(29) 评论(0) 推荐(0) 编辑
仿写单选框/多选框
摘要：阻止change事件冒泡； 仿写单选框/多选框记录。 阅读全文
posted @ 2022-03-25 18:29 羽丫头不乖 阅读(40) 评论(0) 推荐(0) 编辑
sass使用记录
摘要：sass使用记录 安装 npm/yarn install sass 1 嵌套 2 父选择器 & 3 属性嵌套 提取相同属性名，嵌套子项属性 font{ size: 10px; family: fantasy; weight: bold; } 等同于 font-size: 10px; font-fam 阅读全文
posted @ 2022-03-21 09:08 羽丫头不乖 阅读(30) 评论(0) 推荐(0) 编辑
css 绘制圆角三角形
摘要：使用css+before属性绘制一个位置在左上角且左上角为圆角的三角形 阅读全文
posted @ 2021-07-05 16:00 羽丫头不乖 阅读(1696) 评论(0) 推荐(0) 编辑
侧边广告之心跳动画
摘要：侧边广告之心跳动画：css+animation 阅读全文
posted @ 2021-06-09 16:45 羽丫头不乖 阅读(85) 评论(0) 推荐(0) 编辑
div+伪元素实现太极图
摘要：需求：使用div和伪元素实现阴阳太极图 图例： 代码： <html> <head> <title>太极图</title> <style type="text/css"> div{ width: 200px; height: 100px; background-color: #ffffff; bord 阅读全文
posted @ 2021-01-26 10:37 羽丫头不乖 阅读(184) 评论(0) 推荐(0) 编辑
Less常用变量与方法记录
摘要：需求：仅记录Lsee常用变量与方法定义，便于使用。…… @color: #000; @title-color: #000; @bg-color: #fff; @small-font: 12px; @large-font: 24px; .set-layout(@f, @j, @a){ display: 阅读全文
posted @ 2020-12-29 10:20 羽丫头不乖 阅读(248) 评论(0) 推荐(0) 编辑
使用伪类(::before/::after)设置图标
摘要：使用伪类(::before/::after)设置文本前后图标。减少标签的浪费，使页面更加整洁。 如图： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ 阅读全文
posted @ 2020-11-02 14:06 羽丫头不乖 阅读(1228) 评论(0) 推荐(0) 编辑
css实现0.5像素的底边框。
摘要：由于设计图的1px在移动端开发中的像素比是2倍，在实际开发中却是需要1px的线条，虽然最直接的方式是将线条设置为0.5px，但有些移动端对于0.5px的解析为0，变成了无边框的显示。因此处理该需求我们可以使用css3提供的缩放属性和伪类选择来实现1px。 例： html: <div class="b 阅读全文
posted @ 2020-05-07 15:21 羽丫头不乖 阅读(611) 评论(0) 推荐(0) 编辑
web之面试常问问题：如何实现水平垂直居中？
摘要：前提准备，在HTML页面中定义一个div,div中内容自定义。 <div class="box sc">致我们呼啸而过的青春</div> 样式： div.box{ width: 300px; height: 200px; background-color: peachpuff; } 此处的sc用于居 阅读全文
posted @ 2020-04-23 19:26 羽丫头不乖 阅读(281) 评论(0) 推荐(0) 编辑
frameset、frame和div 、iframe
摘要：框架一般应用于首页的界面排版工作。把一个网页切割成多个页面管理。frame文件一般只包含框架的布局信息，不会包含其他内容，所有的页面效果都是在各个frameset页面内显示。他们都从属于frame文件，彼此之间是独立的（平级的）。 <frameset rows="10%,86%,4%"> <!--t 阅读全文
posted @ 2016-12-17 16:56 羽丫头不乖 阅读(1251) 评论(0) 推荐(0) 编辑