首页 技术 正文
技术 2022年11月23日
0 收藏 495 点赞 4,485 浏览 1942 个字
  1. 可以是 链接的下划线 去掉。
a {text-decoration: none}
position:absolute  绝对定位
position:relative 相对定位

 ie  图片失真

-ms-interpolation-mode
img {-ms-interpolation-mode:bicubic;}

class 在css中是用“.”, id 是用 “#” 。

px em pt单位区别:px单位名称为像素,相对长度单位,像素(px)是相对于显示器屏幕分辨率而言的国内推荐;em单位名称为相对长度单位。相对于当前对象内文本的字体尺寸,国外使用比较多;pt单位名称为点(Point),绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用。1. 以前IE无法调整那些使用px作为单位的字体大小,但现在几乎IE都支持 在这里也推荐使用PX作为单位;2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的,QQ截图也是使用PX作为长度宽度单位。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。[2]

before after  content  是三个 伪元素。

<!DOCTYPE html>
<html>
<head>
<style>
p:before
{
content:"台词:";
}
</style>
</head><body><p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p><p><b>注释:</b>对于在 IE8 中工作的 :before,必须声明 DOCTYPE。</p></body>
</html>

结果为:

css 集锦。

ol  ul  li  解释。。

ol  是会有 编号的。例如

<div>
<ol>
<li>1111</li>
<li>2111111111</li>
<li>31111111111</li>
<li>4111111111</li>
</ol>
</div>

结果为:

css 集锦。

ul 代码:

<div>
<ul >
<li>1111</li>
<li>2111111111</li>
<li>31111111111</li>
<li>4111111111</li>
</ul>
</div>

结果为:

css 集锦。

如果 ul 加上style 样式的话,

<div>
<ul style="list-style:none;">
<li>1111</li>
<li>2111111111</li>
<li>31111111111</li>
<li>4111111111</li>
</ul>
</div>

结果为:

css 集锦。

会没有前边的 点点。

奇数偶数<p>标签怎么设置不同的背景色。

<!DOCTYPE html>
<html>
<head>
<style>
p:nth-child(3n+0)
{
background:#ff0000;
}
</style>
</head>
<body><h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>
<p>第五个段落。</p>
<p>第六个段落。</p>
<p>第七个段落。</p>
<p>第八个段落。</p>
<p>第九个段落。</p><p><b>注释:</b>Internet Explorer 不支持 :nth-child() 选择器。</p></body>
</html>

结果为:

css 集锦。

last-child ,frist-child  都是css style 样式。 odd 奇数    even  偶数

css中 有‘ > ‘是什么意思。 表示的是从属关系,只有儿子辈的适用该样式,孙子辈的不适用该样式。

打个比方div span{...}这样写,div下的不论是儿子辈的span还是孙子辈的span都应用样式;
也就是说,div下的所有span都有这个样式。div>span{...}这样写,div下的只有儿子辈的span应用样式;
但是如果是这种情况<span>dddddd<span>aaaaa</span></span>孙子辈的span会继承儿子辈的span样式;
试的时候这样<p><span>aaaaa</span><!--2--></p>才是真正的孙子辈样式
ie6不支持。

浏览器兼容模式。

-moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性css:border-width:10px 5px 20px 1px ******意思********
上边框,右边距,下边距,左边距。(顺时针)

9. 文字上下 居中 css样式:

vertical-align: middle

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,996
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,510
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,353
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,137
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,770
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,848