2020-11-03 css面试题集合   1、position属性分为几种,有什么区别   默认定位static,没有定位,元素出现在正常文档流中,忽略top,left,right,bottom属性   相对定位relative,相对于一个元素定位,出现在所在位置上   绝对定位absolute,相对于最近的已定位的元素,如果没有已定位的父元素,则相对于  <html>,脱离文档流            
                
         
            
            
            
            目录 2.同学请介绍一下'盒子模型'呗3.display有哪些值  4.position的值? 5.css优化有哪些?6.怎么让Chrome支持10px 的文字?<html>
 <body>
 <div>
     <div class="parent">
         <div class="son            
                
         
            
            
            
             目录实现一个盒子在父盒子内的垂直水平居中如果你在项目中引入一段html代码,怎么给它设置样式?rem,em,vh,px各种代表的意义?画一条0.5px的直线?盒模型画一个三角形清除浮动的几种方式轻松实现hover图片变成另外一张图片 实现一个盒子在父盒子内的垂直水平居中//父相子绝后,子分部向左向上移动本身宽度和高度的一半(也可以用 transform:translate(-50%,-50%))            
                
         
            
            
            
            一、什么是lessless是css的扩展。他扩展了变量、mixin、函数等功能,使得css代码写的更有效率、更爽(哈哈),本篇主要先介绍less的变量 二、less的变量相信在写css的时候,你总会发现,你某些属性的值一直都是重复的,例如系统的背景颜色、logo的地址等等,因此通过less 的变量,你可以将重复的值用一个变量保存起来,然后就直接用!!!语法: @+变量名例子:@base-            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-23 14:22:11
                            
                                66阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            LESS是什么? less是一门CSS预处理语言。由于CSS本身并不是程序式语言,不方便维护和扩展,没有变量、函数、作用域等概念。而LESS在CSS的基础语法之上,引入了变量、Mixin混入、运算以及函数等功能,大大简化了CSS的编写,降低了CSS的维护成本。        本质上,LESS包含一套自定义的语法及一个解析器,写好的LESS文件会通过解析器编译生成CSS文件。LESS并没有建材CSS            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-18 18:57:02
                            
                                261阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-02-17 12:38:00
                            
                                285阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
             简介CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。作为一门标记性语言,CSS 的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往            
                
         
            
            
            
            Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。例如:@base: #f938ab;
.box-shadow(@style, @c) when (iscolor(@c)) {
  -webkit-box-shadow: @style @c;
  box-shadow:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-06 22:26:35
                            
                                90阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            from:://www.lesscss.net/一种动态样式语言.LESS 将 CSS 赋予了动态语言的特性,如变量,继承,运算,函数. LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。变量变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2012-05-27 17:08:00
                            
                                165阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            随着前端开发的不断发展,CSS也逐渐延伸出了很多新的语言,less和Sass就是其中两种,下面我们就一起来看看它们到底有何区别。背景CSS(Cascading Style Sheets,层叠样式表)是一门非程序式语言,入门学习使用非常直观方便,但是对于一些比较复杂或者重用性比较强的项目来说,因为CSS没有变量、函数、SCOPE(作用域),需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用            
                
         
            
            
            
            Sass和Less之间的区别是:1、Less在JS上运行,Sass在Ruby上使用;2、两者编写变量的方式不同;3、在Less中仅允许循环数值,而在Sass中可以遍历任何类型的数据;4、Sass有Compass,Less有Preboot。本教程操作环境:Windows7系统、Dell G3电脑。Sass和Less都是一种CSS预处理器,那么它们之间有什么差异?本篇文章就给大家介绍Sass和Less            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-26 08:32:13
                            
                                92阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            lessless是一种动态样式语言,属于css预处理器的范畴,它扩展了 CSS 语言, 增加了变量、Mixin(混合)、函数等特性,使 CSS 更易维护和扩展 LESS 既可以在 客户端 上运行 (引入less脚本文件),也可以借助Node.js在服务端运行。less的中文官网:http://lesscss.cn/ bootstrap中less教程:http://www.bootcss.com/p            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-30 10:54:57
                            
                                68阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.了解Less是一门CSS预处理语言,它扩展了CSS语言,增加了变量,Mixin,函数等特性,使CSS更易维护和扩展。更少可以运行在Node或浏览器端。2.使用方法方法一:“袋鼠”工具,下载单独软件先在本地转译,再把生成的.css文件引入;方法二:使用less的脚本进行实时转译,如下:<link rel="stylesheet/less"  href="styles.less" />            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-20 19:58:33
                            
                                951阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在线css转less/sass/stylus工具 css编辑器这是一款多功能的css转less/sass/stylus工具,默认转换结果为less代码。用户可选择css文件一键上传并读取到编辑器中(或直接输入css代码到编辑器),即可在结果编辑器中看到同步转换后的结果代码。针对转换后的less/sass/stylus代码还提供了复制、下载保存等功能。此外该工具还具有css/less/sass/st            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-29 11:56:20
                            
                                54阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、less简述less就是简便书写css的工具,还是像写css那样写,只是有些比较简洁,可以写除法、选择器套选择器等等。保存.less文件,就会在同级别下自动生成.css文件。在px单位转换到rem单位过程中,哪项工作是最麻烦的?答:除法运算。CSS不支持计算写法。解决方案:可以通过Less实现。Less是一个CSS预处理器, Less文件后缀是.less;扩充了 CSS 语言, 使 CSS 具            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-27 07:51:38
                            
                                223阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            CSS预处理器的原理: 是将类 CSS 语言通过Webpack 编译转成浏览器可读的真正 CSS。在这层编译之上,便可以赋予 CSS 更多更强大的功能,常用功能:嵌套	变量	循环语句	条件语句	自动前缀	单位转换	mixin复用...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-13 16:48:01
                            
                                132阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            四、Sass、LESS和Stylus转译成CSSSass、LESS和Stylus源文件(除了LESS源文件在客户端下运行之外)都不能直接被浏览器直接识别,这样一来,要正常的使用这些源文 件,就需要将其源文件转译成浏览器可以识别的CSS样式文件,这也是使用CSS预处理器很关键的一步,如果这一步不知道如何操作,那么意味着写出来的代码 不可用。接下来按同样的方式,分别来看看三者之间是如何将其源文件转译成            
                
         
            
            
            
            CSS中常用预处理器有两种:Less和Sass。今天接触的是Less预处理器,简单的了解了一下。emmmmm,其实吧,今天主要是看了看Less的语法什么的,Less的语法跟CSS语法很像,及其的相似。Less是预处理,就是在浏览器解析代码之前,Less先执行,CSS是浏览器解析的。Less通过解析,生成CSS文件,应用在页面中。Less比CSS强大,有很多CSS没有的东西,比较灵活一点。Less中            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-05 13:12:14
                            
                                74阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            首先,Less 是 css 的预处理语言。less 文件的扩展名是.less ,需要将它进行编译,转化为.css文件,浏览器才可以使用。将 .less 转化为 .css 一般有三种方式:   1. Koala 自动监视编译 / Webpack / FIS   2. Sublime 插件 less2css 自动编译 && Lessc             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-11 23:31:00
                            
                                546阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            维护css的弊端less介绍Less使用less变量变量名语法规范less编译less嵌套less算数运算维护css的弊端CSS是一门非程序式语言,没有变量、            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-30 16:13:27
                            
                                83阅读
                            
                                                                             
                 
                
                                
                    