62 篇
DIV+CSS
| 126

web

CSS背景图片定位之百分比定位

CSS背景图片的定位: 1,关键词定位:如top right bottom left center 2,像素定位:如background-position:100px 200px; 表示图片左上角定位到距离容器左上角(100px,200px)的点 3,百分比定位:如background-position:20% 50%; 百分比定位是...
DIV+CSS | 2020-09-08
0   0  0
| 159

web

html utf-8 编码空格宽度 非两个空格=一个汉字

一直以为是utf-8是宽字节的表示法,一般一个汉字是3个字节表示,所以utf-8的网页的空格是三个空格的宽度等于一个汉字的宽度。 现在才知道不是,是字体所造成的,utf-8默认的是英文字体,对汉字的处理不是很友好,把默认字体设置为宋体就可以解决这个问题了,就像gb2312那样两个空格对应一个汉字。 <body st...
DIV+CSS | 2020-09-05
0   0  0
| 109

web

CSS文件里引入另一个CSS文件

1.在HTML中引入css的其中的两个方法 1.1 使用链接式 <link href="style.css" rel="stylesheet" type="text/css" /> 1.2 使用导入式 <style type="text/css"> @import "style.css" </st...
DIV+CSS | 2020-08-19
0   0  0
| 170

web

border-radius:50%及超过50%的表现形式

border-radius:50%和100%的区别 50%与100%表现一样是因为当临角两个弧半径之和超过临接边的长度时,浏览器会按照两个半径的比例缩小至刚好等于临接边的长度。 比如: <!DOCTYPE html> <html lang="en"> <head> <meta ch...
DIV+CSS | 2020-07-23
0   1  0
| 335

taotaoit

css提示invalid property value

网上复制了一段css代码,浏览器没有出现预定的样式,按F12打开调试模式,发现css属性前有个感叹号,鼠标经过提示“Invalid property value”无效的属性值,如图 应该是css有错误,后来发现css属性前的空格包含&emsp;“全角空格”,删连就可以了 复制空白粘贴到编辑器,然后切换到源...
DIV+CSS | 2020-07-23
0   0  0
| 150

web

css3之border-radius理解

通过设置元素的border-radius值,可以轻松给元素设置圆角边框,甚至实现绘制圆、半圆、四分之一的圆等各种圆角图形。 一、border-radius使用 border-radius的数值有三种表示方法:px、%、em, 对于border-radius的值的设置,我们常用的有三种写法: (1)仅设置一个值 第一种...
DIV+CSS | 2020-07-23
0   0  0
| 228

web

CSS calc() 函数用于动态计算长度值

定义与用法 calc() 函数用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运算优先级规则; 支持版本:CSS...
DIV+CSS | 2020-06-08
0   0  0
| 221

web

display:flex弹性布局

一:display:flex 布局 display:flex 是一种布局方式。它即可以应用于容器中,也可以应用于行内元素。是W3C提出的一种新的方案,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持。 Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。设为Flex布...
DIV+CSS | 2020-05-27
0   0  0
| 216

web

CSS hsla() 函数

定义与用法 hsla() 函数使用色相、饱和度、亮度、透明度来定义颜色。 HSLA 即色相、饱和度、亮度、透明度(英语:Hue, Saturation, Lightness, Alpha )。 色相(H)是色彩的基本属性,就是平常所说的颜色名称,如红色、黄色等。 饱和度(S)是指色彩的纯度,越高色彩越纯,低则逐渐变灰,取 0-100%...
DIV+CSS | 2020-05-18
0   0  0
| 257

web

:after/::after和:before/::before的异同

相同点 都可以用来表示伪类对象,用来设置对象前的内容 :before和::before写法是等效的; :after和::after写法是等效的 不同点 :before/:after是Css2的写法,::before/::after是Css3的写法 :before/:after 的兼容性要比::before/::after好 ...
DIV+CSS | 2020-05-16
0   0  0
| 204

web

:before和::before的区别

::before 是一个伪类元素,代表生成的内容元素,表示相应元素的可抽象样式的第一个子元素,即:所选元素的第一个子元素 利用::before可以把需插入的内容插入到元素的其他内容之前,并且默认内联显示。::before需要使用content属性来指定内容的值。 区别: 单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。伪...
DIV+CSS | 2020-05-16
0   0  0
| 207

web

CSS currentColor

在CSS3中扩展了颜色值包含 currentColor 关键字,并用于所有接受颜色的属性上。 currentColor是 color 属性的值,具体意思是指:currentColor关键字的使用值是 color 属性值的计算值。 如果currentColor关键字被应用在 color 属性自身,则相当于是 color: inherit。 ...
DIV+CSS | 2020-05-15
0   0  0
加载更多