开发学院

css中四种页面编写样式

说明1、行内样式，编写css代码。即直接在 html中的style属性里编写css代码。2、内嵌样式，编写class。即在 html h中的style标签内编写class，提供给当前页面使用。3、导入样式，在内联样式中通过@import方法导入。提供给当前页面...

CSS Modules有哪些使用方法

1、定义css文件。.className { color: green;}/* 编写全局样式 */:global(.className) { color: red;} /* 样式复用 */.otherClassName { composes: class...

CSS中in JS是什么意思

说明1、CSS中in JS，意思就是使用js语言写css，完全不需要些单独的css文件，所有的css代码全部放在组件内部，以实现css的模块化。2、CSS in JS其实是一种编写思想。目前已经有超过40多种方案的实现，最出名的是 styled-compone...

css定位的介绍

1、定位的组成：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位=定位模式+边偏移。2、定位模式有四个值static、relative、absolute、fixed。static：静态定位，是元素的默认定位方式，无定位的意思relat...

css元素有哪些类型

1、块状元素，在页面中以矩形区域显示。自上而下排列，独占一行可以直接添加宽高，可做为其他元素或者内容的容器常用的块状元素有：div、p、h1...h6、ol、ul、dl、table、address、blockquote 、form 、fieldset(表单字段...

css选择器有哪些

1、简单选择器，css选择器最底层的结构，组成了简单选择器。简单选择器可以分为以下几种类型：通配符*，*选择器可以命中所有的 html 元素标签选择器（Type），命中如 div、span、p 等 html 元素标签id 选择器，以#号开头，如 #abc 命中...

css安装LESS的方法

从原理可知，要使用LESS，必须要安装LESS编译器。1、LESS编译器是基于node开发的，可以通过npm下载安装。npm i -D less2、安装好了less之后，它提供了一个CLI工具lessc，通过该工具即可完成编译。lessc less代码文件编...

css默认样式的整理

1、通常情况，浏览器都会为元素设置一些默认样式。2、默认样式的存在会影响到页面的布局。通常情况下编写网页时必须要去除浏览器的默认样式。 -->重置样式表：专门用来对浏览器的样式进行重置的。reset.css 直接去除了浏览器的默认样式（常用）； normali...

css浏览器的渲染过程

说明1、根据HTML构建HTML树（DOM）。2、根据CS构建CSS树（CSSOM）。3、将两棵树合并成一颗渲染树（render tree）。4、Layout布局。（文档流、盒模型、计算大小和位置）5、Paint绘制。（把边框颜色、文字颜色、阴影等画出来）6、...

css怪异盒模型的介绍

说明1、怪异盒设置的width/height不仅包含了content盒子内容的宽度/高度，还包含了padding和border的宽度/高度。2、一个块的总宽度= width + margin(左右)即width已经包含了padding和border值实例div...

css中padding如何计算

说明1、对于一个元素不确定宽度和高度，但是想按照一定的比例来显示，可以用padding来计算高度。2、通过父元素的width属性，padding可以设定百分比，从而动态地确定高度。实例.parent { /*父元素宽度*/ width: 600px...

css中固定定位fixed是什么

说明1、固定定位是元素固定在浏览器可视区的位置。固定定位也可以算是一种特殊的绝对定位。2、使用场景为当浏览器页面滚动时，元素的位置不会改变。固定定位的特点以浏览器的可视窗口为参考点的移动元素。和父元素无关。不要随滚动条滚动。固定定位不占用原位置。固定定位也是脱...

css定位叠放次序是什么

说明1、使用定位布局时，盒子可能会重叠。2、z-index可以用来控制盒子的前后顺序(z轴)。值可为正整数、负整数或0，默认auto，值越大，盒子越高。若属性值相同，则按书写顺序，后来居上。单位不能在数字后面添加。只有定位盒具有z-index属性。实例 ...

css定位叠放次序的使用注意

说明1、值越大，定位元素在层叠元素中越高。z-index的默认属性值为0。2、若取值相同，则按书写顺序，后来居上。3、后面的数字一定不能加单位。4、定位盒子才有z-index属性。只有相对定位，绝对定位，固定定位有这个属性，其他标准流，浮动，静态定位都没有这个...

css中hack是什么

说明1、为了达到统一的页面效果，需要为不同的浏览器或者不同版本编写CSS样式。因为不同的厂商或浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等)，对CSS的支持、解析并不相同，导致在不同浏览器环境下呈现不一致的页面...

css中hack的原理

1、浏览器对CSS样式的支持程度、分析结果和识别CSS的优先级，可以根据这些的特征写出不同的CSS样式代码。2、IE6可以识别下划线和星号*，IE7可以识别星号*，不能识别下划线_。firefox两者都不能识别，IE6.IE7和FF可以通过使用这些特殊符号来写...

css中hack的3种表现形式

1、条件注释法。是IE浏览器专有的Hack模式。微软官方推荐hack模式。只在IE下生效。这段文字只在IE浏览器显示只在IE6下生效这段文字只在IE6浏览器显示只在IE6以上版本生效这段文字只在IE6以上(包括)版本IE浏览器显示只在IE8上不生效这段文...

css中link和@import的区别

1、从属关系区别@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。2、加载顺序区别加载页面时，link标签引入的CSS被同时加载；@import引入...

CSS简单常用属性的总结

括号中内容为快捷键。1、字体颜色（c）color:red;2、字号大小（fos）font-size:40px;3、背景颜色（bgc）background-color: blue;4、加粗（fwb）font-weight: bold;5、不加粗（fwn）font...

CSS有哪些高级选择器

1、后代选择器：定义的时候用空格隔开。 .div1 p { color: red; }空格就表示后代。.div1 p 表示.div1的后代所有的p。2、交集选择器：定义的时候紧密相连。定义交集选择器的时候，两个选择器之间紧密相连。一般...

如果您有什么问题，欢迎咨询技术员在线沟通

咨询电话

17157107973
全天候技术服务热线

微信咨询

微信咨询

微信便捷交流