CSS Hack由于不同厂商的浏览器，如Internet Explorer，Safari，Mozilla Firefox，Chrome 等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，还由于CSS中的优先级的关系，因此会导致生成的页面效果不一样，得不到我们所需要
转载
2016-06-03 22:11:00
307阅读
2评论
我们最喜欢的
CSS 预处理器功能之一现在已内置到该语言中：嵌套样式规则。
CSS 嵌套是一种允许您在其他规则中编写
CSS 规则的功能，使您的代码更有条理和可读性。它是相当新的，尚未被所有浏览器支持。入门以下是我们将使用
CSS 定位的 HTML 元素的预览。<div class="container">
<h1>I am inside container</
原创
2023-06-02 13:39:18
1200阅读
一、当文字与图片在一行，需要将文字与图片底对齐，需要这样写：
<li>记住<img src="" align="bottom" style="margin-bottom:-4px"/></li> 二、当文字与图片在一行，需要将文字与图片居中对齐，需要这样写： <li>记住<img src="static/img/xyx.jpg"
原创
2023-04-06 21:23:44
32阅读
切换菜单一般用a标签来控制：不过这里用的是单独赋予的样式：
转载
2013-04-25 11:25:00
86阅读
父div的位置设置成相对的，即“position: relative;”。而子div的位置设置成绝对的，并且下边缘设为0，即“position: absolute; bottom: 0;”-------------------------简单的一个需求， 映射着常常被忽略的知识啊。上次面试没写出来，得学习。 ·思路及要点： 父div的位置设置成相对的，即“p...
原创
2023-06-23 07:02:58
31阅读
CSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。
网页设计最初是用HTML标记来定义页面文档及格式，例如标题<h1>、段落<p>、表格<table>、链接 <a>等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在1997年W3C(The World Wide Web Consortium)颁布HTML4标准的同时也公布了有关样式表的第一个标准
CSS1, 自
CSS1的版本之后，又在1998年5月发布了
CSS2版本，样式表得到了更多的充实。W3C把DHTML(Dynamic HTML)分为三个部分来实现：脚本语言(包括JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet Explorer、Netscape Navigator等)和
CSS样式表。
转载
精选
2007-05-27 22:11:16
551阅读
1评论
在开发中我们常会在ie中遇到很多莫名的bug，尤其是ie6这个早就该退出历史的浏览器。刚刚在haslayout.net上看到有总结ie的一些bug，分享一下。
1.图片label bug，影响版本ie6/ie7/ie8，当label中有img的时候无法触发点击选中form元素事件.
demo http://haslayout.net/demos/Image-Label-Focus-
转载
精选
2012-06-23 01:33:10
1339阅读
很多时候，在布局中需要统一样式，又不可能挨个修改，于是就用到了CSS的统一样式。写一个公用的样式，需要的东东一起调用。如果需要修改样式，则只需要修改该公用样式即可。下面简单说一下创建并引用CSS样式的几个进本步骤：1、现在工程的WebContent目录下创建一个新文件夹，命名为style(这个随意)。表明我们这个文件夹里放的是CSS样式文件。2、在刚刚创建的style文件夹内右键-New-Othe
原创
2015-10-12 14:44:16
1204阅读
点击这里查看更多请添加链接描述CSS概述CSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素样式通常存储在样式表中把样式添加到HTML4.0中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中多个样式定义可层叠为一样式解决了一个普遍的问题HTML标签原本被设计为用于定义文档内容。通过使用<h1>、<
原创
2018-08-28 08:35:11
295阅读
浮动没有一个前端不会的，但是个人觉得能真正掌握的不多。下面自己设计了几个例题用来培训。多少人能根据代码看出最后的样式呢。 1、简单的例子 三个盒子，给第二个盒子设置浮动会呈现什么样子呢 <style> .cube{ width:100px; height: 100px; background-col ...
转载
2021-06-27 23:31:00
104阅读
2评论
css的优先级从低到高依次是：内部样式表的优先级为（1，0，0，0），id选择器优先级为（0，1，0，0），class选择器为（0。0，1，0），tag标签为（0。0，0，1）。除此之外，!important权重最高，比inline style还要高。从字面意思就知道它最重要。 在这里插个题外话。我
转载
2018-04-18 21:16:00
129阅读
2评论
一、BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲
转载
2022-10-31 12:48:14
118阅读
水平居中：一：内联元素居中，让其父级块元素居中即可！二：块元素居中，margin-left，margin-right：auto； 还有注意宽度哦！ 宽度为100%，是看不出的，宽度是100%还用居中？垂直居中:一：设置padding二：height = line-height三：display：table-cell vertical-align就起作用了。四：定位居中 各种布局定位都能解决！
转载
2017-02-13 21:03:11
347阅读
----------------------------这是3个div来研究position用法
今天终于指导css，position中absolute的用法，某个元素设置了position，它会在他的dom树中找到离它最近的设置了position值的基点设置自己的位置。如图1，box2的position：absolute，他父级box1为
posit
转载
精选
2008-12-24 18:07:00
701阅读
父元素没有固定宽高水平垂直居中html: <div class="wrapper"> <div class="info"> 垂直居中 </div> </div>css://绝对定位水平垂直居中,方法1.info { position: absolute; width: 500
原创
2022-10-28 04:15:22
51阅读
一。base.css被所有页面引用，包括base reset和通用原子类
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h5,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {bor
转载
精选
2011-11-17 00:41:49
1049阅读
今天想谈一下一个好的页面的必要条件-----去样式可读问题。 因为css可以帮助我们改变标签的原始表现形式，比如说把一个内联的a变成block块级显示，把一个普通的span设置成字体很大，很粗的形式，表现得像一个标题。正因为如此，我们很容易就忘了去语义化标签，很多时候随便设一些标签，然后用css去控制它，得到我们想要的表现形式。同样的一个表现，也许他们的html完全不一样。
转载
2008-08-21 17:57:00
88阅读
2评论
一.span标签：能让某几个文字或者某个词语凸显出来<p>今天是11月份的<span>第一天</span>，地铁卡不打折了</p>二.字体风格font-family：字体类型font-size:字体大小font-style：字体风格font-weight:字体粗细font: 风格 粗细 大小 类型;三.文本样式color 设置文本颜色 rgb(0,0
转载
2018-11-01 20:07:40
869阅读
对于任何一个网站来说名字是SEO的首选，而H1标签是搜索引擎认为页面上最重要的文字部门，所以我们要把网站的名字放在H1中；问题是代表网站名字的通常是一个LOGO图片，而图片对于SEO来说是不友好的。请看下面jquery的首页的logo部分的图片和代码。<divid="jq-header"><h1><ahref="http://jquery.com/">jQuer...
转载
2009-09-12 14:05:00
305阅读
2评论
这几天朋友的网站天天被搞破坏的人恶意注入，也许是程序没写好的原因，数据库每个字段加了一段script（<Script Src=http://%63%2Enuclear3.com/css/c.js></Script>，而这个script地址时不时的有变化）。用一些搜索引擎搜索下：/css/c.js></Script>，发现好多网站居然都有这个问题。通过iis日志捕捉到注入的原型是以下形式：;DeCLaRE @S NvArCHaR(4000);SeT @S=CaSt(0x4400650063006C00610072006500200040005400200
转载
2008-12-29 15:03:00
72阅读
2评论
