博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
5.10心得
阅读量:5827 次
发布时间:2019-06-18

本文共 2621 字,大约阅读时间需要 8 分钟。

1、IE8怎么兼容

1.在 IE10 中按下 Alt 键打开菜单栏,单击“工具-兼
容性视图设置”,弹出兼容性视图设置对话框。
2.在对话框中,勾选“在兼容性视图中显示所有网站”
,然后点击“关闭”。
3.然后按下 F12 ,弹出一个对话框,点击菜单中的“
IE10兼容性视图”,选择Internet Explorer 8,浏览
器自动切换为IE8模式了。
4.其实在360浏览器中,这个工作则要简单很多,在地
址栏右侧有个内核切换按钮,点击切换可以切换了IE兼
容模式。
2、内联元素与块元素怎样转换
内联元素和块级元素的如何相互转换
内联元素和块级元素的如何相互转换:
内联元素和块级元素之间可以相互转换,下面就简单介
绍一下转换方法。
一.内联元素转换为块级元素:
让内联元素产生浮动或者将它的display属性值设置为
block即可。例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author"
content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<style type="text/css">
.myfloat{
width:200px;
height:200px;
border:1px solid red;
float:right;
}
.mydisplay{
width:200px;
height:200px;
border:1px solid green;
display:block;
}
</style>
</head>
<body>
<span class="myfloat">我将要浮动</span>
<span class="mydisplay">我将要添加display属性
</span>
</body>
</html>
可以看到span已经被转换为块级元素,因为块级元素才
可以设置宽度和高度。
块级元素转换为内联元素:
将块级元素的display属性值设置为inline即可。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author"
content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<style type="text/css">
.mytest{
width:200px;
height:200px;
border:1px solid red;
display:inline;
}
</style>
</head>
<body>
<div class="mytest">我将要浮动</div>
</body>
</html>
上面的代码中设置的宽度和高度都已经失效,说明对象
已经被转换为内联元素。
原文地址
是:http://www.51texiao.cn/div_cssjiaocheng/2015
/0519/1897.html
最为原始地址
是:http://www.softwhy.com/forum.php?
mod=viewthread&tid=4705
3、优先级、权重问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>28-优先级之权重问题</title>
<style>
/*
#identity1 .box2{
color: red;
}
.box1 .box2{
color: green;
}
div ul li p{
color: blue;
}
*/
/*
.box1 .box2{
color: blue;
}
div .box2{
color: green;
}
*/
/*
#identity1 ul li p{
color: red;
}
#identity1 ul p{
color: green;
}
*/
/*
.box1 li #identity2{
color: blue;
}

#identity1 ul .box2{

color: red;
}
*/

.box2{

color: red;
}
li{
color: blue;
}
</style>
</head>
<body>
<div id="identity1" class="box1">
<ul>
<li>
<p id="identity2" class="box2">我是
段落</p>
</li>
</ul>
</div>
</body>
</html>
1.什么是优先级的权重?
作用: 当多个选择器混合在一起使用时, 我们可以通过
计算权重来判断谁的优先级最高
2.权重的计算规则
2.1首先先计算选择器中有多少个id, id多的选择器优
先级最高
2.2如果id的个数一样, 那么再看类名的个数, 类名个
数多的优先级最高
2.3如果类名的个数一样, 那么再看标签名称的个数,
标签名称个数多的优先级最高
2.4如果id个数一样, 类名个数也一样, 标签名称个数
也一样, 那么就不会继续往下计算了, 那么此时谁写在
后面听谁的
也就是说优先级如果一样, 那么谁写在后面听谁的
注意点:
1.只有选择器是直接选中标签的才需要计算权重, 否则
一定会听直接选中的选择器的
在CSS中,会根据选择器的特殊性来决定所定义的样式
规则的次序,具有更特殊选择器的规则优先于具有一般
选择器的规则,如果两个规则的特殊性相同,那么后定
义的规则优先。
我们把特殊性分为4个等级,每个等级代表一类选择器
,每个等级的值为其所代表的选择器的个数乘以这一等
级的权值,最后把所有等级的值相加得出选择器的特殊
值。
4个等级的定义如下:
第一等:代表内联样式,如: style=””,权值为1000
第二等:代表ID选择器,如:#content,权值为100。
第三等:代表类,伪类和属性选择器,如.content,权
值为10。
第四等:代表类型选择器和伪元素选择器,如div p,
权值为1。

转载于:https://www.cnblogs.com/vvva/p/6838178.html

你可能感兴趣的文章
MYSQL的longtext字段能放多少数据?
查看>>
MTK 平台上如何给 camera 添加一种 preview size
查看>>
云计算最大难处
查看>>
关于数据分析思路的4点心得
查看>>
Memcached安装与配置
查看>>
美团数据仓库的演进
查看>>
SAP被评为“大数据”预测分析领军企业
查看>>
联想企业网盘张跃华:让文件创造业务价值
查看>>
记录一次蚂蚁金服前端电话面试
查看>>
直播源码开发视频直播平台,不得不了解的流程
查看>>
Ubuntu上的pycrypto给出了编译器错误
查看>>
聊聊flink的RestClientConfiguration
查看>>
在CentOS上搭建git仓库服务器以及mac端进行克隆和提交到远程git仓库
查看>>
測試文章
查看>>
Flex很难?一文就足够了
查看>>
【BATJ面试必会】JAVA面试到底需要掌握什么?【上】
查看>>
CollabNet_Subversion小结
查看>>
mysql定时备份自动上传
查看>>
Linux 高可用集群解决方案
查看>>
17岁时少年决定把海洋洗干净,现在21岁的他做到了
查看>>