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溢出隐藏并显示省略号.话不多说.单行文本溢出隐藏,单行文本溢出隐藏显示省略号

flex4.5中CSS选择器的应用小结
CSS

flex4.5中CSS选择器的应用小结

2020-02-16 标签:flex,css,选择器,应用,小结,包括,标签,类别,id,交集,后代,全局,样式,都已

CSS选择器可以包括,标签选择器、类别选择器、ID选择器、交集选择器、并集选择器、后代选择器、全局选择器、伪类等,这些样式应用都已经在flex得到支持1.标签选择器标签选择器是根据MXML文件中组件的类型来设置的,示例如下: 实现代码如下: @namespace s "library://ns.a

只需20行代码就可以写出CSS覆盖率测试脚本
CSS

只需20行代码就可以写出CSS覆盖率测试脚本

2020-02-16 标签:只需,20,代码,就可以,写出,css,覆盖率,测试,脚本,document,stylesheets,保存,了当,页面,规则,集合,通过,遍历,style,定义

document.styleSheets里保存了当前页面上所有CSS规则的集合。通过它可以遍历出页面里定义的所有selector,访问selectorText属性可得选择器的匹配规则。然后将规则规则传递给 document.querySelectorAll 即可获取页面内匹配此规则的元素列表。这里我

css transform 3D幻灯片特效实现步骤解读
CSS

css transform 3D幻灯片特效实现步骤解读

2020-02-16 标签:css,transform,d,幻灯片,特效,实现,步骤,解读,js,代码,如下,function,var,length,container,a,items,event

js 实现代码如下: $(function(){ var length = $(".container a").length; var $items = $(".container a"); $items.on("transitionend", function(event){ $items.rem

wordpress主题支持自定义菜单及修改css样式实现方法
CSS

wordpress主题支持自定义菜单及修改css样式实现方法

2020-02-16 标签:wordpress,主题,支持,自定义,菜单,修改,css,样式,实现,方法,制作,遇到,这个问题,并且,错误,很简单,操作,如下,functions

自己在制作wordpress主题的时候遇到这个问题,并且遇到了css样式错误,其实很简单,操作如下: 在主题中functions.php中加入: register_nav_menus( array( 'menu' => __( 'menu', '' ), ) ); 在主题导航栏贴上导航代码: