• JavaScript网站设计实践(六)编写live.html页面 改进...

    一、编写live.html页面,1、JavaScript实现表格的隔行换色,并且当鼠标移过时当前行高亮显示;2、是输出表格中的abbr标签的内容 实现后的效果图是这样的: 1、实现思路 在输出表格的时候,给出一个判断,如果偶数...
    文章 2014-05-18 858浏览量
  • 你不知道的事儿三(CSS

    利用:target 的特性可以实现以前只能使用JavaScript实现的显示隐藏或者Collapse 折叠面板。collapse { gt;collapse-body { display:none;amp;target { display:block;} } } target实现折叠面板预览CSS实现Collapse...
    文章 2017-11-02 1053浏览量
  • CSS3各个模块详解

    CSS3 文本 换行CSS3 中,使用 word-wrap:break-word属性 实现 长 单词 与 URL 地址 的 自动 换行。break-all:可以 强行 截断 英文 单词,达到 词 内 换行 效果。keep-all:不允许字断开。如果是中文把前后标点...
    文章 2018-10-03 2110浏览量
  • 总结CSS3新特性(选择器篇)

    结合变量n(应该说是关键字吧=),可以用来在表格里,列表里做隔行换色什么的 nth-last-child(n): 基本同上.只不过是从后往前数 nth-of-type(n): 这个跟上边的让我很蛋疼-这两者的区别一直让人很凌乱,详情看下图 通过w3...
    文章 2015-07-15 684浏览量
  • 【转】CSS transitions#CSS3变换入门

    对那些读者我想说,“坐稳了”,因为我将要向你介绍另一个新的CSS属性,它允许你通过简单的几代码来为任意元素添加很酷的变换效果。CSS 变换刚刚在CSS 3中被引入,但是已经被添加为webkit的扩展了。也就是说,现在...
    文章 2010-07-09 1007浏览量
  • 常用CSS优化总结——网络性能与语法性能建议

    这样我们赋予了CSS类似JavaScript的功能,CSS表达式非常强大,甚至可以使用CSS表达式实现 min-width 属性,隔行换色,模拟:hover,:before,:after 等伪类,看起来能解决很多IE下的浏览器兼容性等问题,但是其带来的副...
    文章 2017-11-14 1145浏览量
  • 《AngularJS实战》——2.3 Angular中的模板

    其次,添加“ng-class-odd”和“ng-class-even”两个指令,实现列表的隔行变色的功能;最后,当单击某行 的元素时,显示相应的背景。(2实现代码新建一个HTML文件2-11.html,加入如代码清单2-11所示的代码。代码...
    文章 2017-05-02 1009浏览量
  • 图解css3:核心技术与案例实战

    布局在Web中随处可见,多列布局在CSS2中都是依靠float或者inline-block来实现的,而这两个属性带来的局限性也是相当大的。CSS3多列布局将会弥补这些不足之处。第10章介绍CSS3渐变功能。渐变效果在Web中也是一种常见...
    文章 2017-05-02 5790浏览量
  • CSS学习笔记(基础篇)

    CSS概念 CSS 指层叠样式表(Cascading Style Sheets)(级联样式表) Css是用来美化html标签的,相当于页面化妆。样式表书写位置: lt;head>lt;meta charset="UTF-8">lt;title>Document<title>lt;style ...
    文章 2018-03-21 1005浏览量
  • CSS Houdini画一片星空

    第1个例子如果使用传统的CSS属性,我们最多可能就是使用渐变来做颜色的变化,但是做不到这种一个格子一个格子的颜色变化的,而第2个例子也是没有办法直接用CSS画个钻石的形状。这个时候你可能会想到会SVG/Canvas的...
    文章 2018-06-29 1231浏览量
  • HTML+CSS纯干货就业前基础到精通系统学习2016/9/3

    2.9:段落和换行 段落标签:<p aligin="right/center/left">lt;p>lt;align可以调正文字的位置,左中右->换行标签:<br/gt;2.10:水平线和列表和预格式文本 水平线:<hr size="5"color="red"width=...
    文章 2016-09-03 1122浏览量
  • 带你读《微信小程序商城开发:界面设计实战》之三:小...

    2.小程序应用小程序中ID选择器使用方式同CSS,在WXML页面的组件中定义ID,然后在WXSS中使用#号来定义组件的样式。wxml文件代码示例如下: lt;view>lt;text>普通文本<text>lt;text id="myid">ID选择器...
    文章 2019-11-11 819浏览量
  • CSS预处理语言的模块化实践

    这个美好的愿望不是不可实现的,借助预处理语言,我们可以很轻易地完成这事情。预处理语言是一种类css的语言,我们知道css本身不是语言,而预处理语言的诞生,就是为填补这一部分语言功能。它实现了变量、函数、混合...
    文章 2017-08-01 1077浏览量
  • 第13天,CSS

    将文本高(line-height)的值设置的和框高(height)的值一样时,就可以实现文本行在框内垂直居中的效果。vertical-align:4px 设置元素内容的垂直对齐方式,只对行内元素有效,对块级元素无效;text-decoration:none ...
    文章 2017-07-22 856浏览量
  • 前端面试题目搜集

    它是CSS2.1规范定义的,关于CSS渲染定位的一个概念。BFC是页面CSS 视觉渲染的一部分,用于决定块盒子的布局及浮动相互影响范围的一个区域。BFC的一个最重要的效果是,让处于BFC内部的元素与外部的元素相互隔离,使...
    文章 2017-11-16 1750浏览量
  • 浅谈响应式Web设计与实现思路

    另外我们知道移动设备众多,一些低版本或旧系统的设备并不支持JavaScript或CSS的新特性,如es6,media query等,所以通常实现一个基础版本,在大部分设备能满足基本功能后,针对性兼容的添加新功能,新特性,逐步...
    文章 2018-06-15 984浏览量
  • 前端面试常见问题汇总

    谈谈你对弹性盒子和box-sizing的理解,用纯css如何实现元素的垂直居中 盒子模型分为:标准盒模型+IE盒模型。标准w3c盒子模型的范围包括margin、border、padding、content,且content不包含其他部分。ie盒子模型也...
    文章 2018-07-04 7170浏览量
  • 《Python爬虫开发与项目实战》——第2章 Web前端基础 ...

    本节书摘来自华章计算机《Python爬虫开发与项目实战》一书中的第2章,第2.1节,作者:范传辉著,更多章节内容可以访问云栖社区“华章计算机”公众号查看 第2章 Web前端基础 爬虫主要是和网页打交道,了解Web前端的...
    文章 2017-05-02 2440浏览量
  • Web开发融会贯通:深入浅出 告别浮云

    Expression是微软为了使样式表能够在修饰HTML样式的同时执行javascript脚本而在IE浏览器中增加的一个功能,这样你可以做譬如:图片的自适应宽度,表格的隔行换色等等。如:img{max-width:500px;width:expression...
    文章 2017-11-24 715浏览量
  • 01-移动端开发教程-CSS3新特性

    控制文本不换行*/ white-space:nowrap;} 6.增强边框 6.1 边框圆角border-radius 语法: border-radius:[<length>lt;percentage>{1,4}[/[<length>lt;percentage>{1,4}]?取值: lt;length>用...
    文章 2017-12-10 1489浏览量
  • 常见Web技术之间的关系,你了解多少?

    Expression是微软为了使样式表能够在修饰HTML样式的同时执行javascript脚本而在IE浏览器中增加的一个功能,这样你可以做譬如:图片的自适应宽度,表格的隔行换色等等。如:img{max-width:500px;width:expression...
    文章 2017-10-25 1929浏览量
  • 01-移动端开发教程-CSS3新特性(上)

    控制文本不换行*/ white-space:nowrap;} 6.增强边框 6.1 边框圆角border-radius 语法: border-radius:[<length>lt;percentage>{1,4}[/[<length>lt;percentage>{1,4}]?取值: lt;length>用...
    文章 2017-12-10 1349浏览量
  • flex+AS3编程规范

    16.行、缩进、空格 每行不要操过110个字符,即不要操过可视化的部分,在逗号之后,运算符之前,较高级别代码处换行,在后面的行缩进二个制表符(按两次Tab键) 同一父组件之间的子组件之间插入空白行,下一级组件...
    文章 2017-11-28 1077浏览量
  • css属性列表 和 属性值含义

    如果使用class css样式要.class{} 如果使用id,css样式要#id{} Css属性值:包括 字体属性 颜色和背景 文本属性 边距属性 填充属性 边框属性 分级属性 鼠标属性 css属性列表 属性名称字体属性(Font) font-...
    文章 2011-06-02 784浏览量
  • CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅

    而用 CSS实现的话,由于高度的不确定,而 transtion 是需要具体的树枝,所以设置 height:auto 是无法实现效果的,可以通过 max-height 这个属性间接的实现这么个效果,css 样式是这样的: 代码 lt;ul>...
    文章 2017-11-01 1775浏览量
  • 图解css3:核心技术与案例实战.2.8 结构伪类选择器

    表2-13中,只有“:first-child”属于CSS2.1,此外其他的结构伪类选择器都是CSS3的新特性,为我们提供精确定位到元素的新方式。表中只是告诉我们CSS3结构伪类选择器的概念性的知识,有时候看起来不太好理解,针对图2-...
    文章 2017-05-02 1249浏览量
  • Javascript的调试利器:Firebug使用详解收藏

    开启Firebug窗口(图2-2)后,我们可以看到窗口主要有两个区域,一个是功能区,一个是信息区。选择功能区第二的不同标签,信息区的显示会有不同,Options的选项也会不同,搜索框的搜索方式也会不同。图2-2 要关闭...
    文章 2008-08-07 1344浏览量
  • css知识梳理

    多重背景,也就是CSS2里background的属性外加origin/clip/size组成的新background的多次叠加,缩写时为用逗号开的每组值:用分解写法时,如果有多个背景图片,而其他属性只有一个(例如background-repeat只有一个),表明...
    文章 2017-11-15 1899浏览量
  • flex+AS3编程规范

    16.行、缩进、空格 每行不要操过110个字符,即不要操过可视化的部分,在逗号之后,运算符之前,较高级别代码处换行,在后面的行缩进二个制表符(按两次Tab键) 同一父组件之间的子组件之间插入空白行,下一级组件...
    文章 2014-10-11 727浏览量
  • 前端——HTML,CSS

    段落之间会有间距,但换行没有 3.<br>标签 用于换行 4.<h>标签 标题(自动加大加粗),分为1~6等级,h1最大,h6最小。书写:<h1>标题<h>5.<span>标签 白板,本身没有特性,行内标签。...
    文章 2018-07-31 1447浏览量
1 2 3 4 5 >

云产品推荐

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