-
CSS3 实现时间轴动画
所属栏目：[系统] 日期：2020-11-26 热度：102
html h2CSS3 Timeline/h2pPlease set the $vertical variable to false to see the horizontal version./pul liinput type='radio' checkeddiv class=relativelabel for='work5'Lorem ipsum dolor sit amet/labelspan12 May 2013/spanspan/span/divdivpLor[详细]
-
详解overflow-scrolling解决滚动卡顿问题
所属栏目：[系统] 日期：2020-11-26 热度：149
如果你对某个div或模块使用了overflow: scroll属性，在iOS系统的手机上浏览时，则会出现明显的卡顿现象。但是在android系统的手机上则不会出现该问题。 解决方法 以下代码可解决这种卡顿的问题：-webkit-overflow-scrolling: touch;，是因为这行代码启用了[详细]
-
CSS3实现菜单悬停效果
所属栏目：[系统] 日期：2020-11-26 热度：135
html nav id=nav-1 a class=link-1 href=#Home/a a class=link-1 href=#About/a a class=link-1 href=#Contact/a a class=link-1 href=#Shop/a/navnav id=nav-2 a class=link-2 href=#Home/a a class=link-2 href=#About/a a class=link-2 href=#Contact/a[详细]
-
Blazor中的CSS隔离问题
所属栏目：[系统] 日期：2020-11-26 热度：163
副标题#e# VS 2019 16.9.0 Preview 1.0 .NET SDK 5.0.100 2.前言 CSS一旦生效，就会应用于全局，所以很容易出现冲突。为了解决这个问题CSS隔离就顺势而生。Blazor诞生于2018年，至今为止已经2年多了，然而CSS隔离直至.NET 5出现才支持。 3.Razor组件间隔离[详细]
-
CSS对表格单元格强制换行和不换行
所属栏目：[系统] 日期：2020-11-25 热度：109
CSS控制Table单元格强制换行与强制不换行 我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。 近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制不换行的方法吗？ 用CSS实现Table单元格[详细]
-
符合web标准的嵌入Flash的方法
所属栏目：[系统] 日期：2020-11-25 热度：62
常有网友提问，如何让网页中嵌入的Flash标签也符合web标准。目前还没有一个完美的解决办法，这篇文章中，我们将Flash嵌入标签写入js文件中，通过变量传递参数的办法来回避不符合标准的标签。 请注意，这只是一个变通的方法，换汤不换药，并未能最终解决存[详细]
-
CSS教程:控制网页文件大小通过精简CSS实现
所属栏目：[系统] 日期：2020-11-25 热度：174
尽管对于现如今的带宽来说，网页文件那仅以K来算的大小实在是微不足道，但如何将这以K来计算的网页文件精简到最小还是网页设计师们所应该考虑的问题之一。 众所周之，在不影响整个网页构架与功能的情况下，网页文件越小越好，因为更小的网页文件有利于浏览[详细]
-
CSS教程:关于文字溢出问题的研究
所属栏目：[系统] 日期：2020-11-25 热度：93
首先引起对这个溢出问题进行研究是因为看到一个朋友的帖子，里面提到ie7下出现的文字溢出问题； 于是又重新翻了以前怿飞斑竹的帖子，他提到的是注释引起的文字溢出问题，我今天看的时候发现在ie7下并没有产生多猪的问题(以前我没有装ie7，所以没有测试)，[详细]
-
CSS教程:CSS命名参考
所属栏目：[系统] 日期：2020-11-25 热度：166
在XHTML中定义ID、CLASSS都用得上，主要是方面CSS定义样式时能一眼看穿。所以，CSS命名仅作参考。 (1)页面结构类 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整[详细]
-
在IE流览器中正确显示PNG透明图片
所属栏目：[系统] 日期：2020-11-25 热度：102
png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景，如：在有颜色过度背景上插入不规则边框的图片带来极大很便利! 但目前IE中对[详细]
-
CSS教程:DIV底部放置文字
所属栏目：[系统] 日期：2020-11-25 热度：123
css对文字的布局上没有靠容器底部对齐的参数，目前使用的一个不错的方法也比较好.就是用position属性来解决，看下面的代码，用position的相对和绝对定位功能也轻松的实现了，文字靠近div低部对齐，并且靠近的距离还可以精确到像素，自己可以调节，是不是很[详细]
-
多个CSS样式表争夺特定选择符的控制权
所属栏目：[系统] 日期：2020-11-24 热度：189
CSS样式层叠顺序 当使用了多个样式表，样式表需要争夺特定选择符的控制权。在这些情况下，总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。 正如以前所提及的，网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突，网[详细]
-
网页设计制作CSS实现隔行换色两种方法
所属栏目：[系统] 日期：2020-11-24 热度：101
网页设计制作,CSS实现隔行换色两种方法: 第一种方法: 以下为引用的内容： style type=text/css UL.myul1 LI{background-color: expression(this.sourceIndex%2==0?'#9FB7F6':'#B6C8F8'); } /style ul class=myul1 li id=li1111/li li id=li2222/li li id=l[详细]
-
学习CSS制作网页总结的一些经验
所属栏目：[系统] 日期：2020-11-24 热度：80
让你使用DIV CSS排版 不是让你用换个标签然后再去按照表格的方式去排版 而是做到内容与表现的分离 1: ID用于标识页面单独元素以及持久行的结构性元素 方便JS的调用 类用于标识同一页面可重复定义使用的结构性元素 ID与类的命名需与表现形式无关 ：leftCont[详细]
-
HTML+CSS3+JS 实现的下拉菜单
所属栏目：[系统] 日期：2020-11-24 热度：62
副标题#e# html div class=container h1 class=titleDropdown Menu/h1 ulli class=dropdowna href=# data-toggle=dropdownFirst Menu i class=icon-arrow/i/aul class=dropdown-menulia href=#Home/a/lilia href=#About Us/a/lilia href=#Services/a/lilia[详细]
-
Typora代码块配色和标题自带序号的实现代码
所属栏目：[系统] 日期：2020-11-24 热度：102
/*标题自动添加序号*/.sidebar-content {counter-reset: h1}.outline-h1 {counter-reset: h2}.outline-h2 {counter-reset: h3}.outline-h3 {counter-reset: h4}.outline-h4 {counter-reset: h5}.outline-h5 {counter-reset: h6}.outline-h1.outline-item.o[详细]
-
CSS3贝塞尔曲线示例：创建链接悬停动画效果
所属栏目：[系统] 日期：2020-11-24 热度：104
我们将使用 CSS3 动画过渡来创建简单但引人入胜的链接悬停效果，将鼠标悬停在链接上时，会弹出一个小弹出框。 我们还将看一下CSS3 Cubic-Bezier（贝塞尔）曲线，它是 CSS 过渡，为弹出框提供了更加流畅的运动，而不是僵化的机械运动。 这是我们最后的效果[详细]
-
overflow:auto的用法详解
所属栏目：[系统] 日期：2020-11-24 热度：187
在开始正文前，我介绍一下overflow和flex布局的某些用法。 overflow：auto；如果内容被修剪，则浏览器会显示滚动条，以便查看其余内容。 flex中的属性 display: flex; flex-direction: column; 主轴为垂直方向，起点在上沿。 overflow和flex布局搭配使用[详细]
-
CSS入门教程:计算CSS盒模型宽和高
所属栏目：[系统] 日期：2020-11-24 热度：125
出处：当我们布局一个网页的时候，经常会遇到这样的一种情况，那就是最终网页成型的宽度或是高度会超出我们预先的计算，其实就就是所谓的CSS的盒模型造成的。 #test{margin:10px;padding:10px;width:100px;height:100px;} 如上一段的代码，很多时候我们会[详细]
-
详解css3中dispaly的Grid布局与Flex布局
所属栏目：[系统] 日期：2020-09-25 热度：70
副标题#e# Gird布局与Flex布局有一定的相似性，都是对容器的内部项目进行划分。 Flex布局是轴线布局，只能指定项目针对轴线的位置，可以看作成一维布局 Grid布局则是将容器划分成行和列，产生单元格，然后指定项目所在的单元格，可以将它看成二维布局。 父[详细]
-
帮助你好好学习CSS的“边”和“内容”
所属栏目：[系统] 日期：2020-09-24 热度：95
看完图下面是测试代码: html head titlejb51.net/title meta http-equiv=Content-Type content=text/html; charset=gb2312 style type=text/css /style /head body SCRIPT LANGUAGE=JavaScript var s = ; s = rn网页可见区域宽： document.body.clientWi[详细]
-
CSS的私有属性小结(针对FireFox浏览器)
所属栏目：[系统] 日期：2020-09-24 热度：142
FF中CSS的私有属性小结 有时..有些东西FF总是支持不好. 只能找私有属性来帮忙. 例子还米做 因为太多太不了解了 等理解得差不多时搞成本电子书. 虽然这些不推荐使用, 可是万不得以的时候总得有个解决的方法.. At-rules @-moz-documenturl(), url-prefix(), d[详细]
-
CSS:用overflow代替left截取指定长度字符串
所属栏目：[系统] 日期：2020-09-24 热度：53
为了防止文章标题过长超过容器(td,div)宽度而显示成多行，我们通常要对标题进行处理让其显示在一行，通常使用的方法有两种：一种方法是在客户端用CSS设置容器的overflow属性；另一种方法则是在服务器端用left函数对标题字符串进行截[详细]
-
知道吗？H1标签同样也可以美化
所属栏目：[系统] 日期：2020-09-24 热度：58
大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，H1也就对搜索引擎失去了作用。 h1img src=http://www.jb51.net[详细]
-
另一个角度谈谈DIV CSS
所属栏目：[系统] 日期：2020-09-24 热度：200
看了cragle的《有没有必要将网站Div Css重构?》的文章，有一些想法不说不快，我也在文章的评论里提到曾经开除过两个执着使用div技术的美工，遭到一些朋友的反对，但也有一位技术总监的朋友发帖表示支持，很经典的话就是：做站是给人看的。不是给机器。符合[详细]
浙公网安备 33038102330465号