`
caiceclb
  • 浏览: 242041 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

CSS特性发现记录

CSSIEHTML 
阅读更多

 

4、手形指针用cursor: pointer; 因为FF不认识：cursor: hand; 。

 

5、table不支持后代选择符样式定义，意味着除非html里明确指定table、tr、td的id、或类，否则css文件里只能定义一个唯

 

table样式。

 

   HTML代码：

 

  <div id="t1">
	<table>
		<tr>
			<td>aa</td>
			<td>aa</td>
			<td>aa</td>
		</tr>
	</table>
  </div>
  <div id="t2">
	<table>
		<tr>
			<td>bb</td>
			<td>bb</td>
			<td>bb</td>
		</tr>
	</table>
  </div>

 

 

   CSS代码： 

table { border-collapse: collapse; }
	#t1 table tr,td { border: 1px solid red; }
	#t2 table tr,td { border-color: green; }/*  将t1,t2定义顺序颠倒一下，两个表格由绿变红  */

 

即使前有id，table样式还是后面的覆盖前面的，而不能分别以各自的样式显示。

 

 

8、（2009年7月3日新增）

     使用以图换字技术时，FF下内联元素不支持text-indent：-10000px；而IE6则是背景图无法显示；当对内联元素使用display:inline-block;时，FF正常，但IE6还是不能显示背景图。只能设置:display:block;将内联元素作为块级呈现或float:left/right;。

 

9、2009年7月5日17:49:49

 

<body>
    <div>aa</div>
</body>

这个body,和div设置height:100%;并设置不同的背景色，IE中div是满屏的，但是FF中没有，怎么处理？

 

答案就是html 也设置height:100%；

 

10、（2010年4月19日）IE下有序列表ol一个问题

 

<ol>
			<li>
				<p>内容块级的			
				</p>
			</li>
			<li>
				<p>内容块级的			
				</p>
			</li>
		</ol>

 

 如果对li设置了高宽度，序列前的阿拉伯数字显示就会出错，都只显示为1，而不是递增序列号。解决方法是重新定义：

display:list-item;

  • 大小: 3 KB
  • 大小: 3 KB
分享到：
| REST
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS-技巧记录CSS-技巧记录

    在CSS（层叠样式表）领域，掌握一系列实用技巧能够帮助开发者更高效地设计和维护网页样式。以下是一些关键的CSS技巧，这些技巧在实际...在实践中不断探索和学习新的CSS特性，可以保持与时俱进，适应快速发展的Web技术。

    学生宣传CSS网页模板

    【学生宣传CSS网页模板】是一种专门用于学生组织、活动或个人展示的网页设计资源，它融合了现代化的设计理念和高效的技术实现，旨在帮助学生更好地进行自我宣传、信息交流和学习记录。这种模板通常包含一系列预设的...

    CSS工具库.rar

    它详细记录了不同IE版本对CSS特性的支持程度，帮助开发者在兼容性问题上做出明智的决策，确保在各种浏览器下都能正常显示网页。 4. **CSS滤镜参考手册**：CSS滤镜是一种用于改变元素外观的技术，尤其是在图像处理...

    Vue3使用css特性transform实现可视化大屏自适应解决方案

    今天公司给我的项目便是一个可视化大屏的项目，而且宽高只告诉了大概是4000*2000，然后使用的Vue3进行开发，网上找了一下几乎都是Vue2的解决过程，这方面Vue3的解决方法还是很少，所以小小的记录一下。 PS：对于使用...

    日常生活CSS网页模板

    在"日常生活CSS网页模板"中，CSS被用来定义文本、字体、颜色、背景、边框、动画等多种视觉特性，使得网页在不同设备上都能呈现出一致且美观的视觉体验。例如，通过媒体查询（media queries）实现响应式设计，确保...

    html+css学习记录.zip

    本资源【html+css学习记录.zip】是一份全面的前端开发学习资料，专为希望掌握HTML和CsS技术的学习者设计。该压缩包内包含了详细的笔记、代码示例以及实战项目，覆盖从基础到高级的知识点。HTML部分详细讲解了各种...

    css sprite示例源码

    2. 记录坐标：记录每个小图像在大图中的位置（左上角的坐标），以便在CSS中进行定位。 三、CSS Sprite的应用 1. 定位图像：在CSS中，为需要显示小图像的元素设置background-image为Sprite图的URL，然后通过...

    CSS二十个学习推荐外文网站

    5. **Can I use** (https://caniuse.com/)：查询CSS新特性的浏览器兼容性，帮助开发者决定何时可以安全地使用这些特性。 6. **A List Apart** (https://alistapart.com/)：该网站发布有关Web设计和开发的深度文章，...

    HTML+CSS.zip

    在“HTML+CSS.zip”这个压缩包中，包含的笔记很可能是作者学习这两种语言过程中的记录，对于初学者，尤其是自称为“小白”的作者来说，这些笔记可能是他学习过程中思考与理解的结晶。 HTML是一种标记语言，它定义了...

    CSS_EPICS_3.2.16.zip

    **CSS功能特性** 1. **概要显示**：CSS提供实时数据概览，用户可以快速查看关键参数的状态，如设备运行状态、测量值等。 2. **存档功能**：系统记录历史数据并进行归档，支持用户进行数据分析，找出趋势和异常。 3. ...

    CSS 在线编辑器

    ### CSS在线编辑器的特性 1. **实时预览**：在线编辑器提供即时反馈，用户修改CSS代码后，预览区域会立即更新，显示更改后的效果，方便调试和优化。 2. **代码高亮和自动补全**：许多编辑器具有代码高亮功能，使...

    css3鼠标悬停动画

    在网页设计中，CSS3（层叠样式表第三版）为开发者带来了许多创新特性，其中鼠标悬停动画就是一种增强用户体验的重要方式。通过利用CSS3的:hover伪类和各种动画属性，我们可以创建出丰富多彩的交互效果，使得用户在...

    css学习心得是鄙人第一次写的记录哦，有些差劲吧！

    通过媒体查询(`media queries`)，我们可以根据设备的特性调整布局和样式，确保网站在各种屏幕尺寸上都能良好展示。 6. **CSS预处理器**：Sass、Less等CSS预处理器提供变量、嵌套规则、混合等功能，提高代码的可维护...

    微信页微信聊天界面html5+css3

    在这个仿微信聊天界面中，CSS3的特性如媒体查询（Media Queries）用于实现响应式布局，确保聊天界面在不同设备上都能良好显示。同时，CSS3的过渡（Transitions）和动画（Animations）可能被用于模拟滑动解锁效果，...

    div+css在线编辑器

    2. **CSS3特性支持**：包括过渡、动画、阴影、渐变、Flexbox和Grid布局等现代CSS特性。 3. **单位转换**：自动转换像素到百分比，或者根据需要切换其他长度单位。 4. **颜色选择器**：提供直观的颜色选取工具，包括...

    div+css拖拽功能

    在网页设计中，"div+css...总的来说，"div+css拖拽功能"结合了HTML、CSS和JavaScript的特性，为网页增添了互动性，提升了用户体验。同时，通过Cookie记录拖动层的位置，使得这种交互更加个性化，符合用户的操作习惯。

    CSS编码规范.docx

    **CSS编码规范** ... 根据设备特性和屏幕尺寸，利用媒体查询（@media）实现响应式设计，确保在不同设备上良好呈现。 遵循这些编码规范，可以使CSS代码更加整洁、高效，并有利于团队协作，提升项目整体质量。

    聊天网页css

    2. **响应式设计**：为了适应不同设备的屏幕尺寸，CSS3的媒体查询（Media Queries）允许我们根据设备的特性（如宽度、高度）调整布局。 3. **对话气泡**：聊天中的每条消息通常被封装在具有特定形状（如半圆形或...

    css.rar_css

    本资料“css.rar”提供了一套全面的CSS学习资源，包括“css.exe”可能是一个互动的学习软件，而“www.pudn.com.txt”可能是下载来源或相关链接的文本记录。 一、CSS基础 1. 选择器：CSS的核心在于选择器，它帮助...

    CSS 标签说明字典

    【CSS 标签说明字典】是一份详细记录了CSS（层叠样式表）相关知识点的手册，旨在帮助开发者和学习者快速查阅和理解CSS的各种属性、选择器和使用技巧。这份资料来源于权威的W3Cschool，确保了信息的准确性和时效性。...

Magicbox
Global site tag (gtag.js) - Google Analytics