css
关注
分享
扫一扫
文章平均质量分 89
扬、
前端开发攻城狮
展开
-
前端八股文（个人理解 + 总结）
前端八股文（个人理解 + 总结）原创 2023-01-29 20:00:01 · 1824 阅读 · 1 评论 -
文字单行溢出隐藏和多行溢出隐藏的实现方案
1.单行文本 div { width: 200px; height: 200px; border: 5px solid #000; /* 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 */ overflow: hidden; text-overf原创 2020-06-12 15:03:36 · 940 阅读 · 0 评论 -
CSS盒模型垂直居中的方式（前提已知宽高情况下）
1.flex布局 .box{ height: 300px; width: 300px; border: 1px solid #000; margin: 50px auto; /* flex布局实现 */ display: flex; align-items: center; justify-content: space-around; } .box1{ width: 100px; height: 100px; background: #ccc; }原创 2020-06-12 14:46:38 · 204 阅读 · 0 评论 -
JavaScript仿购物车（有点小BUG）
<div class="content"> <div class="nr"> <input type="checkbox" name="" id="btn" value="" class="btn" /> <img src="img/comput.jpg" /> <p class="dn">笔记本电脑<...原创 2019-11-06 11:30:51 · 182 阅读 · 0 评论 -
2019前端基础面试秘籍
一、html和css部分 1、如何理解CSS的盒子模型？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding 低版本IE盒子模型：宽度=内容宽度（content+border+padding） 2、BFC？ * 什么是 BFC BFC（Block Formatting Context）格式化上下文，是 Web 页面中盒模型布局的 CSS 渲...转载 2019-10-16 17:18:37 · 146 阅读 · 0 评论 -
利用javascript知识循环语句写出乘法口诀表
<script type="text/javascript"> //row 行 col 列 document.write('<table border="1">') for(var row =1; row<10;row++) { document.write('<tr>') for(var col = 1...原创 2019-10-13 13:48:40 · 489 阅读 · 0 评论 -
利用javascript的运算符将两个数值交换
<script type="text/javascript"> var num1=10; var num2=20; var num3; num3=num1;//num3=10 num1=10 num1=num2;//num1=20 num=20 num2=num3;//num2=10 console.log...原创 2019-10-12 09:19:57 · 339 阅读 · 0 评论 -
利用javascript的算术运算符获取一个数字的每位数字
<script type="text/javascript"> var a = 12345; // console.log(a); var b = parseInt(a/10000); console.log('万位='+b); var c = parseInt((a%10000)/1000); //12345%10000=2345 ...原创 2019-10-12 09:18:37 · 2784 阅读 · 0 评论 -
利用css3特性线性渐变和定位画了一幅画
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ ...原创 2019-10-11 11:26:42 · 185 阅读 · 0 评论