码迷,mamicode.com
首页 >  
搜索关键字:css media    ( 56145个结果
BFC与文档流对比
一BFC(Block formatting context): 称为块级格式化上下文,是CSS中的一种渲染机制。是一个拥有独立渲染区域的盒子(也可以理解为结界),规定了内部元素如何布局,并且盒子内部元素与外部元素互不影响。 二 文档流和非文档流的定义: 文档流:将窗体自上而下分成一行行,并在每一行中 ...
分类:其他好文   时间:2020-10-19 22:40:31    阅读次数:18
css小技巧 - 换行对齐
假如需要你实现换行对齐,你可能会想到ul标签和li标签自带这种功能 确实在使用li标签自带的项目符号的时候可以直接使用,但是有时可能会有不一致时 就需要我们动手写两行代码来实现一下,比如这种效果: 项目符号是数字和顿号,如果我们直接复制粘贴这四行文字则会得到如下结果 文字换行后是不和项目符号对齐的, ...
分类:Web程序   时间:2020-10-18 17:11:32    阅读次数:51
Web前端技术
一、HTML、CSS基础、JavaScript语法基础。学完基础后,可以仿照电商网站(例如京东、小米)做首页的布局。 二、JavaScript语法进阶。包括:作用域和闭包、this和对象原型等。相信我,JS语法,永远是面试中最重要的部分。 三、jQuery、Ajax等。jQuery没有过时,它仍然是 ...
分类:Web程序   时间:2020-10-18 17:04:41    阅读次数:48
仅3行核心css代码的rate评分组件
用css实现一个rate评分 ? 核心代码也就三行 效果图 原理 梳理如下: 去找个好看的iconfont,[Iconfont-阿里巴巴矢量图标库];借用5个radio单选框,把默认样式都去掉,显示默认的星星;用checked伪类监听用户选中?,由默认的星星变成高亮的星星;然后配合~兄弟操作符把当前 ...
分类:Web程序   时间:2020-10-18 16:23:01    阅读次数:33
各种常见布局实现
一、两列布局 1.1 左列定宽,右列自适应 效果: (1)利用float+margin实现 html代码: <body> <div id="left">左列定宽</div> <div id="right">右列自适应</div> </body> css代码: #left { background-c ...
分类:其他好文   时间:2020-10-18 16:21:55    阅读次数:21
base64stego
菜狗经过几天的学习,终于发现了如来十三掌最后一步的精髓 附件1 base64隐写 按照base64的编码原理,其最后可能会有补位“=”,而按照解码方式,补位会被抛弃,这些数不会对解码有影响,因此可以在这里面放入信息,所以base64隐写就产生了。 每一个"="对应两个隐写位,将这些隐写位的数据拼接起 ...
分类:其他好文   时间:2020-10-18 10:08:13    阅读次数:23
三、JS/DOM
JavaScript和java --没关系 JavaScript在浏览器在网页显示当中的角色 HTML:负责静态显示页面、展示 CSS:美化、排版 JavaScript:负责动态展示 JS原理: Python通过selenium向webdriver发送请求, webdriver接收到请求后,通过JS ...
分类:Web程序   时间:2020-10-16 11:32:33    阅读次数:47
CSS list-style-type 属性
ul.circle {list-style-type:circle;}//圆形列表项 ul.square {list-style-type:square;}//正方形列表项 ol.upper-roman {list-style-type:upper-roman;}//大写罗马数字 ol.lower- ...
分类:Web程序   时间:2020-10-16 11:02:43    阅读次数:34
手机号码表单校验
html <input class="ipt space" placeholder="请输入您的手机号码" type="text" id="phone"> <p id="phone-wrong" class="form-checking">请输入正确的手机号码</p> css .ipt-checki ...
分类:移动开发   时间:2020-10-16 10:59:28    阅读次数:36
纯CSS实现可自定义间距虚线边框
原文地址:https://blog.csdn.net/HRM2454/article/details/106093882 通过background-image的linear-gradient和position:absolute实现。 ...
分类:Web程序   时间:2020-10-16 10:50:18    阅读次数:44
56145条   上一页 1 ... 67 68 69 70 71 ... 5615 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!