• CSS3新特性:mix-blend-mode:multiply

    样式,把所有白色的部分转换成半透明的 png。原文的演示:https://davidwalsh.name/demo/mix-blend-mode.php 可编辑的在线代码演示:http://codepen.io/wesbos/pen/QNONJa 这 CSS 简直不要太完美!感谢 Wes Bos,我才...
    文章 2016-05-02 741浏览量
  • CSS hack

    因为CSS只要是同一级别,出现重复属性设置,后出现的覆盖前面出现的,所以在书写的时候一般把识别能力强的写前面,看个例子 background-color:red;background-color:green;如果希望DIV在IE6上是红色,其它是绿色,...
    文章 2017-11-14 1042浏览量
  • 再谈 load 与 DOMContentLoaded

    意思是页面的html、css、js、图片等资源都已经加载完之后才触发 load 事件。DOMContentLoaded MDN的解释:当初始的 HTML 文档被完全加载和解析完成之后,DOMContentLoaded 事件被触发,而无需等待样式表、图像和子...
    文章 2018-07-12 4353浏览量
  • Joomla的未来是CSS网格,而不是Bootstrap 4

    CSS网格布局CSS网格布局是所有主要浏览器支持的网格布局系统,在构建布局时扭曲我们众所周知的方法。CSS Grid不是框架。在使用Bootstrap(以及其他常见的CSS框架)时,创建列和行的常见方法是在HTML标记中调用CSS...
    文章 2020-10-15 549浏览量
  • 走近webpack(4)-css相关拓展

    那么我们下面学习一下如何消除未使用的css,在实际项目中,我们可能引入很多样式库,组件库,或者随着项目需求的增加,我们可能添加一些新的css,而以前的css又不知道有没有用,也不敢去动,害怕牵一发而动全身...
    文章 2018-03-24 926浏览量
  • webpack和webpack-simple区别(如何引入css文件)

    在你所创建的项目目录下,键入npm install style-loader-save-dev即可,-save-dev的意思是保存到你的项目里。之后在你的项目里打开build/webpack.base.conf.js文件中,在module的rules那里,加入关于css规则的代码:...
    文章 2017-07-04 682浏览量
  • 谈谈一些有趣的CSS题目(十一)-reset.css 知多少?

    我们都知道在脚本代码中应该尽量避免滥用全局变量,但是在 CSS 上却总是忘记这一点,大量的全局变量导致项目大了之后维护起来非常的棘手。再看看这一段: h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:...
    文章 2017-01-04 889浏览量
  • CSS中float和Clear的使用

    我們使用了 float 讓左右兩的區塊可以水平排在一起,如果你不需要綠色區塊浮動在藍色區塊的右邊,這時候可以在綠色區塊的 style 加上 clear:left 這樣的寫法,意思是清空綠色區塊左邊的浮動區塊,呈現效果就像下方...
    文章 2016-10-26 730浏览量
  • [译]再谈 CSS 中的代码味道

    一看到像这样的 CSS,我就意识到在按钮上做任何工作都将有很大的影响,追踪按钮样式到底来自哪里将非常困难,并且任何位置的改动都有可能对其他地方造成影响。这就是 CSS 可变性的关键性问题之一。使用 BEM 的...
    文章 2017-10-17 705浏览量
  • 谈谈一些有趣的CSS题目(十一)-reset.css 知多少?

    我们都知道在脚本代码中应该尽量避免滥用全局变量,但是在 CSS 上却总是忘记这一点,大量的全局变量导致项目大了之后维护起来非常的棘手。再看看这一段: 1 2 3 4 5 6 7 h1,h2,h3,h4,h5,h6 { font-size:100%;...
    文章 2017-12-31 1173浏览量
  • 谈谈一些有趣的CSS题目(十五)-谈谈 CSS 关键字 ...

    经常碰到,问一个 CSS 属性,例如 position 有多少取值。通常的回答是 static、relative、absolute 和 fixed。当然,还有一个极少人了解的 sticky。其实,除此之外,CSS 属性通常还可以设置下面几个值: ...
    文章 2017-04-19 1072浏览量
  • IE环境下判断IE版本的语句.[if lte IE 6]……[endif]...

    同时,有人试图使用<–-[if!IE]>来定义非IE浏览器下的状况,但注意:条件注释只有在IE浏览器下才能执行,这个代码在非IE浏览下非单不是执行该条件下的定义,而是当做注释视而不见。正常就是默认的样式,对IE...
    文章 2017-09-25 992浏览量
  • 【问题&解决】手机网页Html代码实现(解决显示页面很...

    它的意思就是,自动探测屏幕宽度,然后加载相应的CSS文件。lt;link rel="stylesheet"type="text/css"media="screen and(max-device-width:400px)"href="tinyScreen.css"/gt;上面的代码意思是,如果屏幕宽度小于400...
    文章 2017-11-15 1036浏览量
  • CSS之Position详解

    有些CSS书籍也对这些简单的属性进行大张旗鼓的介绍,而偏偏忽略了对一些难缠的属性讲解,有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构,以及定位。正如positioniseverything,本文将主要讲述关于...
    文章 2016-10-08 702浏览量
  • CSS定义中a:link,a:visited,a:hover,a:active

    CSS定义中a:link,a:visited,a:hover,a:active 分别是什么意思?假如CSS放在Style文件夹下,页面引用时:&lt;link href="Style/a.css"rel="stylesheet"type="text/css"/amp;gt;amp;lt;link href="Style/b.css"rel=...
    文章 2016-03-21 1732浏览量
  • 走近webpack(2)-css打包及压缩js

    下面我们介绍一下loader的其他几种写法,意思都一样,你们喜欢哪个用哪个。第一种写法*/ module:{ rules: { test:/\.css$/, use:['style-loader','css-loader'] } } 第二种写法*/ module:{ rules: { test:/\.css$/, ...
    文章 2018-03-24 1346浏览量
  • 网页重构应该避免的10大 CSS 糟糕用法

    Nabors 曾说「我曾YY:如果我今天写完一个项目的 css 但是明儿我却挂掉了,有一个人幸运地接手我这个项目,那他看得懂我的这些代码是什么意思吗?尽量地让我们的样式表中的结构清晰,如果不能让人立马知道你的选择...
    文章 2016-05-10 1383浏览量
  • CSS学习1

    如果一个标记包含在另一个标记的里面 那么它首先继承外面的标记的css样式设置。如果内部标记自己设置样式 那么覆盖父标记的样式。class{}#id{} a{} 三、span标签可以放在div或者p中使用.在div中嵌套span可以...
    文章 2012-05-09 663浏览量
  • CSS设计指南之浮动与清除

    浮动意思就是把元素从常规文档流中拿出来,浮动元素脱离了常规文档流之后,原来紧跟在其后的元素就在空间允许的情况下,向上提升到与浮动元素平起平坐。一.浮动 CSS设计float属性的主要目的,是为了实现文本绕排...
    文章 2015-04-07 747浏览量
  • DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程

    我们常常设置被链接的文字内容要么带链接有虚线的下划线,或鼠标移动到有链接的文字上出现虚线下划线,这个怎么实现的呢,这里为大家介绍关于CSS超链接的虚线下划线。一、带链接文字有虚线下划线这里也是通过CSS ...
    文章 2012-09-13 1277浏览量
  • css知多少(5)——选择器

    让浏览器知道css选择了哪一个dom节点,浏览器就乖乖的把相应的样式渲染成视图。至于css能把页面渲染成什么样子,这是本系列的第三部分。第一部分讲css样式的加载和层叠,第二部分讲选择器以及选择器的等级,第三...
    文章 2015-02-11 856浏览量
  • 命名是个技术活(转)

    btn 代表 button,但是.s 不能表达任何意思。class 名称应当尽可能短,并且意义明确。使用有意义的名称。使用有组织的或目的明确的名称,不要使用表现形式(presentational)的名称。基于最近的父 class 或基本...
    文章 2015-07-31 814浏览量
  • 雅虎14条性能优化(经典)

    所以我们应该尽快让css加载完毕顺着这层意思,如果我们再细究的话,其实还有可以优化的地方。比如本站上面包含的两个css文件,<link rel=“stylesheet”rev=“stylesheet”href=...
    文章 2014-07-03 770浏览量
  • CSS之Position详解

    有些CSS书籍也对这些简单的属性进行大张旗鼓的介绍,而偏偏忽略了对一些难缠的属性讲解,有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构,以及定位。正如positioniseverything,本文将主要讲述关于...
    文章 2012-03-13 718浏览量
  • 好程序员web前端开发测验之css部分

    同上题比较纠结,不太明白这里的 dimensions指的是到底是什么意思?放置一边,咱们来分析下。对于行内元素,设置左右内边距,左右内边距将是可见的。而设置上下内边距,设置背景颜色后可以看见内边距区域有增加,对于...
    文章 2019-04-23 957浏览量
  • 原生js获取元素样式

    在开始之前先说下获取最终应用在元素上的所有CSS属性对象的意思是,如果没有给元素设置任何样式,也把浏览器默认的样式返回来。1、ele.style 在学习DOM的时候就看到通过ele.style来获取元素样式值,但是有时候获取...
    文章 2014-09-30 806浏览量
  • css3 去掉点击高光(移动端)

    你只去把他放在body里就可以了,通过属性值你可以清晰的知道它所表达的意思 rgba都为0,意思是黑色全透明 这样你点击的时候就不会有蓝色的半透明层了 代码如下: body{-webkit-tap-highlight-color:rgba(0,0,0,0);} ...
    文章 2014-04-04 572浏览量
  • HTML + CSS 为何得不到编程界的认可?

    如果有人说CSS具备图灵完备性,你说什么?你无言以对,是吗?事实上,有一位名叫Eli Fox-Epstein的名人证明了这一点。他进行了一项实验,并证明HTML + CSS具备图灵完备性,而这个故事发生在2011年。有关的详细信息...
    文章 2019-12-17 966浏览量
  • 响应式web设计之CSS3 Media Queries

    意思是当屏幕的宽度大于等于400px的时候,应用styleA.css 在media属性里: screen 是媒体类型里的一种,CSS2.1定义了10种媒体类型 and 被称为关键字,其他关键字还包括 not(排除某种设备),only(限定某种设备) ...
    文章 2015-12-11 809浏览量
  • CSS文件动态加载(续)—— 残酷的真相

    2、document.styleSheets[n].cssRules,只有当CSS文件加载下来的时候,document.styleSheets[n].cssRules才发生变化;但是,由于ff 3.5的安全限制,如果CSS文件跨域的话,JS访问document.styleSheets[n].cssRules...
    文章 2016-04-29 1502浏览量
1 2 3 4 ... 29 >

云产品推荐

视频直播 大数据计算服务 MaxCompute 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 新零售智能客服 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT 阿里云科技驱动中小企业数字化