码迷,mamicode.com
首页 >  
搜索关键字:css specificity    ( 52289个结果
网页编程设计
typora-copy-images-to:imagestypora-root-url:images网页编程设计B/S架构BBrowser浏览器SServer服务器网页编程设计是每个程序员必懂的一项技能。本阶段课程主要讲解HTML、CSS、JavaScript、JQuery。对于Java程序员而言,不需要像前端工程师那样精通这部分内容,但是也需要做到熟练。HTML、CSS与JS的关系?HTMLHT
分类:Web程序   时间:2020-10-19 23:03:44    阅读次数:36
CSS高度坍塌和外边距溢出问题及解决方法
高度坍塌 成因 父元素 div 未设置高度 子元素全部设置浮动(float: left | right;),浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度,高度靠内部子元素撑开,而今子元素全部脱离文档流,所以此时父元素的高度为 0,给父元素和子元素设置 边框(border: 1px s ...
分类:Web程序   时间:2020-10-19 22:56:44    阅读次数:31
VSCode编程工具小插件之px一键转换成rem
1.启动vscode,点击左侧边栏扩展选项(Ctrl+shift+X)在扩展商店中搜索px to rem 2.安装好之后右击px to rem,点击扩展设置,打开如图界面可以设置当前rem与px的比例值 如图所示,我设置的比例为100px:1rem 3.找到你需要转换为rem的css文件,全部选中( ...
分类:其他好文   时间:2020-10-19 22:45:33    阅读次数:25
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
三、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
52289条   上一页 1 ... 60 61 62 63 64 ... 5229 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!