CSS 软件列表

css关于 link 与@import 的区别
CSS

css关于 link 与@import 的区别

2023-12-27 标签:link,import,区别,CSS,加载,XHTML,载入,页面,标签,支持,RSS,兼容问题,CSS2.1,低版本,Javascript,DOM,浏览器,网页,样式

link 是 XHTML 标签,除了加载 CSS 外,还可以定义 RSS 等其他事务;@import 属于 CSS 范畴,只能加载 CSS。link 引用 CSS 时,在页面载入时同时加载;@import 需要页面网页完全载入以后加载。link 是 XHTML 标签,无兼容问题;@import 是在

H5移动端纯css适配
CSS

H5移动端纯css适配

2023-12-27 标签:移动端适配,移动端,适配,flex,rem,vh,vw,1px像素问题,逻辑分辨率,设备像素比,dpr,h5,css

为什么移动端需要适配移动端的尺寸是斜对角的长度,单位为英寸。前言:缩放比例完全相同,也就是说,在不同机型上,每一行字的字数都是一样的。设计稿按照 375 的尺寸设计 由于手机日新月异,每个品牌手机都有自己的物理分辨率,导致逻辑分辨率不同。 此时 375 的设计稿要想 100%的还原,几乎不太可能。三

关于CSS样式权重
CSS

关于CSS样式权重

2023-12-25 标签:css,样式,权重,css 样式,css权重,权重优先级,css 不生效,style,improtant,样式覆盖

日常开发中经常会遇到自己写的样式不生效问题,为了避免减少调试样式规则的时间,总结下样式权重。权重规则如图所示示例 1:都加了!important 的情况/* 权重值 10 */.box {margin: 20px auto;width: 100px;height: 100px;background-

css溢出滚动文字
CSS

css溢出滚动文字

2020-02-29 标签:css,溢出,滚动,文字,今天在,移动,开发,标题,太长,导致,隐藏,如何,进行,显示,animate,display,inline,block

今天在搞移动端开发的时候,标题太长导致被隐藏了,那么如何让这溢出的文字进行滚动显示呢?.animate { display: inline-block;white-space: nowrap;animation: 10s scrollText linear infinite normal;}@key

CSS属性word-wrap
CSS

CSS属性word-wrap

2020-02-24 标签:word,wrap,n,ormal,break,参数,允许,内容,指定,容器,边界,将在,换行,需要,也行,发生说

CSS属性word-wrap : normal | break-word 参数:normal :  允许内容顶开指定的容器边界break-word :  内容将在边界内换行。如果需要,词内换行(word-break)也行发生说明:设置或检索当当前行超过指定容器的边界时是否断开转行。对应的脚本特性为wordWr

css溢出隐藏并显示省略号,鼠标悬停显示全部文字
CSS

css溢出隐藏并显示省略号,鼠标悬停显示全部文字

2020-02-24 标签:css,溢出,隐藏,显示,省略号,今天在,样式,突然,需要,实现,不多,单行,文本,overflow,hidden,white,space

今天在写样式的时候突然需要实现样式css溢出隐藏并显示省略号.话不多说.单行文本溢出隐藏,单行文本溢出隐藏显示省略号

使css兼容IE8的小技巧
CSS

使css兼容IE8的小技巧

2020-02-16 标签:css,兼容,ie,技巧,存在,新的,问题,目前,工作,正常的,网页,中会,出现问题,微软,提供,三种,解析

这样就存在了新的问题,目前在IE7中工作正常的网页在IE8中会出现问题。 微软在IE8提供三种解析页面的模式   IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定   IE7 Standards Modes :IE7现在用的解析网页的模式,开起机关是在中加入  Qu

用JS实现一个页面多个css样式实现
CSS

用JS实现一个页面多个css样式实现

2020-02-16 标签:js,实现,页面,多个,css,样式,第一步,连接,元素,定义,id,例如,代码,如下,link,href,rel,stylesheet

第一步:在连接样式表的元素里定义一个id,例如实现代码如下:,我定义的id是css。 第二步:写一个js函数,代码如下: 实现代码如下:function change(a){var css=document.getElementById("css");if (a==1)css.setAttribut

css Sprites小实例代码
CSS

css Sprites小实例代码

2020-02-16 标签:css,sprites,实例,代码,很简单,应用,设计,这样做,减轻,服务器,压力,请求,次数,减少,不错,方法,特别,要说,明的,在这

这是一个很简单的应用,不过在设计中,这样做可以减轻服务器的压力,是请求次数减少,是一个不错的方法。 特别要说明的是,在这种小图片上即使是两张图片其实就响应时间来说也慢不了多少,不过有一个问题,就是两张图片交替时容易出现背景图片从新加载而导致很段时间不显示的效果。(时间长短视服务器的响应速度和图片大小

巧妙地使用CSS选择器
CSS

巧妙地使用CSS选择器

2020-02-16 标签:巧妙,使用,css,选择器,通过,不同,规则,定义,内容,里的,链接,样式,类似,n,av,a,link,main,footer

可以通过不同规则来定义不同内容块里的链接样式。类似这样:#nav a:link或者 #main a:link或者#footer a:link。也可以定义不同内容块中相同元素的样式不一样。例如,通过#main p和#sider p分别定义#main p和#sider p的样式。从结构上讲,你的页面是由