控制台报错Uncaught SyntaxError: Unexpected token踩坑实录
2Deshun 发布于 5年前 (2019-10-17) 18553℃ 评论(0) 赞 (5)
作为一个工作两年的前端小菜鸟,今天被一个后端的同事问到。他说他的控制台报错:Uncaught SyntaxError: Unexpected token '.' ,像下面这样。嗯,在他确定代码没有语法错误之后,我决定来翻译一下:一头雾水。检查 .css...
Deshun 发布于 5年前 (2019-10-17) 18553℃ 评论(0) 赞 (5)
作为一个工作两年的前端小菜鸟,今天被一个后端的同事问到。他说他的控制台报错:Uncaught SyntaxError: Unexpected token '.' ,像下面这样。嗯,在他确定代码没有语法错误之后,我决定来翻译一下:一头雾水。检查 .css...
Deshun 发布于 5年前 (2019-10-14) 1642℃ 评论(0) 赞 (2)
分享12个CSS小技巧,让你的代码简洁高效。使用 :not() 在菜单上应用/取消应用边框先给每一个菜单项添加边框/* add border */ .nav li { border-right: 1px solid #666; }……然后再除去最后一个元素……/* remove&...
Deshun 发布于 5年前 (2019-08-06) 1604℃ 评论(0) 赞 (0)
前端工作者肯定或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及<a>标签的:link、visited等,伪元素较常见的比如:before、:after等。其实上面提到的这些伪类和伪元素都是CSS1和CSS2中的概念,CSS1和CSS2中对...
Deshun 发布于 5年前 (2019-05-08) 2403℃ 评论(1) 赞 (1)
在做一些银行或者理财的项目时,有的需要兼容IE浏览器叫老版本,比如IE678,简直是前端开发人员的噩梦。在较低版本的IE浏览器中,td 内容为空时,就不会显示边框,可以通过下面两种方法解决:通过CSS在 table 的 css 里面添加 border-collapse:collapse; 在 td 的css里面添加 empty-cells:show; ,代码如下:<style>...
Deshun 发布于 5年前 (2019-05-05) 3335℃ 评论(0) 赞 (0)
今天写了一个银行/信用卡/贷款审核进度的页面,除背景和 logo 之外,均使用 HTML+CSS 编写。只做了简单的手机端兼容,主要是审核进度的进度条效果实现。代码如下:HTML:<div class="review-box"> &nb...
Deshun 发布于 5年前 (2019-04-29) 4177℃ 评论(0) 赞 (2)
今天在改一个响应式网站,兼容手机时需要写一个下拉菜单。其实用纯 CSS 就能实现,利用 checkbox 的 checked 属性,设置菜单的显示隐藏。HTML:<nav> <label fo...
Deshun 发布于 5年前 (2019-04-25) 5146℃ 评论(0) 赞 (1)
input 的单选框 radio 和复选框 checkbox 是样式是很难调的,设置背景和边框都不起效。我们可以使用下面的方法进行样式美化:纯CSS就能实现。HTML:<h1>你喜欢我吗?</h1> <label for="ch...
Deshun 发布于 5年前 (2019-04-13) 7015℃ 评论(0) 赞 (4)
一直以为行内元素设置内外边距会不起效,之前也没有具体的去实验,只是在需要设置 margin 或者 padding 的时候给元素设置一个 display: inline-block; 就得了。今天正好有时间,就来实验了一把。原来 span 标签默认的不是只能设置左右边距,还有更有意...
Deshun 发布于 5年前 (2019-04-11) 5901℃ 评论(0) 赞 (8)
利用纯 CSS 设置 列表的 伪类 :after 实现不同颜色数字的排行榜效果。代码如下:HTML:<ul> <li>html中引入调用另一个公用html模板文件的方法19040 ℃&l...
Deshun 发布于 5年前 (2019-04-04) 3859℃ 评论(0) 赞 (0)
分享一个纯HTML+CSS写的下拉导航动画,代码如下:HTML部分:<div class="nav"> <ul class="clearfix"> <li>...