div:hover
{
width:200px;
height:200px!important;
}
因为行内样式优先级高，所以高度不变，改成上面的就可以了。
语法
SELECT [predicate] { | table | [table]field1 [AS alias1] [, [table]field2 [AS alias2] [, ]]}
FROM tableexpression [, ] [IN externaldatabase]
[WHERE ]
[GROUP BY ]
[HAVING ]
[ORDER BY ]
[WITH OWNERACCESS OPTION]
SELECT 语句包含以下部分：
部分
说明
predicate
这些谓词之一：ALL、DISTINCT、DISTINCTROW 或 TOP。可以使用谓词来限定返回记录的数量。如果没有指定谓词，默认值为 ALL。
指定选择所指定的表的所有字段。
table
表的名称，该表包含了其记录被选择的字段。
field1，field2
字段名，这些字段包含了要检索的数据。如果包括多个字段，将按它们的排列顺序对其进行检索。
alias1, alias2
用作列标题的名称，不是 table 中的原始列名。
tableexpression
其中包含要检索的数据的表的名称。
externaldatabase
如果 tableexpression 中的表不在当前数据库中，则使用该参数指定该数据库名。
有3种方式：
分别如下：
1--行间样式表(内联样式)
<div style="……"></div>
2--内部样式表
<style>
选择器｛属性：属性值｝
</style>
3--外部样式表
<link href="stylecss" rel="stylesheet“ type=“text/css”/>
大家都知道，用documentgetElementById(‘element')stylexxx可以获取元素的样式信息，可是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的外部样式表，就拿不到我们要的信息了。 DOM标准里有个全局方法getComputedStyle，可以获取到当前对象样式规则信息，如：getComputedStyle(obj,null)paddingLeft，就能获取到对象的左内边距。但是事情还没完，万恶的IE不支持此方法，它有自己的一个实现方式，那就是currentStyle，不同于全局方法getComputedStyle，它是作为DOM元素属性存在的，如：objcurrentStylepaddingLeft，在IE中就获取到对象的左内边距了，兼容性的写法如下： 复制代码 代码如下: return windowgetComputedStyle windowgetComputedStyle(obj,null)paddingLeft : objcurrentStylepaddingLeft; 这样，就能在IE及FF中返回对象的当前样式信息了。 特别注意一点：如果要获取当前对象的颜色信息，IE返回的是16进制的'#ffffff'，而FF返回的是rgb(255,255,255) 用js的style属性可以获得html标签的样式，但是不能获取非行间样式。那么怎么用js获取css的非行间样式呢？在IE下可以用currentStyle，而在火狐下面我们需要用到getComputedStyle。下面是一个小示例： 复制代码 代码如下: <html xmlns="/1999/xhtml"> <head> <meta >
CSS样式的引用方式有三种：
一、行间样式表
行间样式表是指将CSS样式编码写在HTML标签中，格式如下
<h1 style="font-size:12px;color:#000FFF">
我的CSS样式。
</h1>
行间样式表由HTML元素的HTML元素的style支持，只需将CSS代码用分号隔开写在style=""之中。这是最基本的形式，但是它没有实现表现与内容分离且不能灵活的控制多个页面所以我们只是在调试CSS代码的时候使用。
二、内部样式表
内部样式表与行间样式表相似都是把CSS代码写在HTML页面中，稍微不同的是前者可以将样式表放在一个固定的位置，格式如下
<html>
<head>
<title>内部样式表</title>
<style type="text/css">
h1{font-size:12px;
color:#000FFF
}
</style>
</head>
<body>
<h1>我的CSS样式。</h1>
</body>
</html>
内部样式表编码是初级的应用形式，不能达到跨页面使用所以不适合使用。
三、外部样式表
外部样式表是CSS应用中最好的一种形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。多个网页可以调用一个样式文件表，这样能够实现代码的最大限度的重用及网站文件的最优化配置，格式如下
<html>
<head>
<title>外部样式表</title>
<link rel="stylesheet" rev="stylesheet" href="stylecss">
</head>
<body>
<h1>我的CSS样式。</h1>
</body>
</html>
在stylecss中的代码为
h1{font-size:12px;
color:#000FFF
}
我们在<head>中使用了<link>标签来调用外部样式表文件。将link指定为stylesheet方式，并使用了href="stylecss"指明样式表文件的路径便可将该页面应用到在stylecss中定义的样式。
Html中引入css的主要方式有四种，分别是外部样式、内部样式、内联样式、导入式。
一、外部样式
(一) 使用外部样式的好处
1减少代码量 ，网站中相同部分的样式只需要编写一次，我们只需要把css文件引入到不同的html页面中即可实现展示效果。
2更改网站风格方便，我们可以通过修改一个css文件就可以实现整个网站的外观修改。
3Html页面渲染时，css文件能够被同时加载。
4结构与表现分离，便于后期维护。
(二) 适用于多个页面需要相同样式内容的时候使用
(三) 书写位置：新建单独的后缀名为css文件，使用link标签引入到html页面中，将link标签放到Html页面的head标签中
例：
rel:规定当前文档与被连接文档之间的关系
href:规定为连接文档的位置
type:规定被连接文档的MIME类型
二、内部样式
(一) 使用内部样式的好处
1结构与表现分离，便于后期维护。
2所有的CSS控制都是针对单独的面，没有多余的CSS代码。
3同样页面中相同的样式可以重复使用。
(二) 使用内部样式的缺点
1只能在一个页面中使用
2网站更换风格麻烦
3Css在html页面中,页面显得臃肿
(三) 适用于个别页面需要特殊样式时
(四) 书写位置：写在html页面的head标签之间，在head标签之间书写style标签
例：
三、行间样式
(一) 使用内部样式的好处
1 单独修改单个标签的样式
(二) 使用内部样式的缺点
1 结构与表现没有分类，不利于后期维护。
2 只能修改单个标签的样式，代码重复利用率不高，代码冗长。
(三) 适用于个别标签需要特殊样式时
(四) 书写位置：在标签的开始标签内部书写style=””
例：
四 导入式
(一) 使用导入的好处
1减少代码量，网站中相同的部分的样式只需要书写一次，后续只需要把css文件引入到不同的Html页面中即可。
2更改网站风格方便，我们可以通过修改一个css文件，就可以修个整个网站的外观。
3结构与表现分离，便于后期维护。
(二) 使用导入的缺点
1需要等Html页面全部加载完才能加载css文件。
(三) 适用于多个页面需要展示相同样式的时候
(四) 书写位置:写在Html页面的head标签中的style表现中，用@import导入css文件
①objoffsetLeft：只读。指对象obj的左边框border-left(不包含border-left的大小)到定位的父级元素的左填充padding-left(包含padding-left的大小)的距离，当没有定位的父级时，则相对于body。读取的是数值，没有单位
②objstyleleft：通过style属性，只能读取标签中style属性中的样式，不能读取外部CSS或内部的非行间样式，所以通常是不用它来读取样式的，而是设置样式。说回来，objstyleleft用于设置绝对定位的对象obj的左外边距margin-left(不包含margin-left的大小)到定位的父级元素的左填充padding-left(包含padding-left的大小)的距离，当没有定位的父级时，则相对于body。赋值时需要加单位
③这里的定位的父级元素指：包含对象obj 并设置了position为relative、absolute、fixed的元素。
④关于题主中的“没反应”：首先你左边的offsetLeft是数值，右边加了‘px’后是字符串，类型错误，所以没反应
⑤这里有个IE8的Bug：IE8中的offset系列是包括定位父级的border的。
样式的引用形式大致可分为以下四种：
一、行间样式，即直接加在标签上的样式 例:<div style="width:50px;"></div>
二、内联样式 即用<style> </style>标签括起来写在页面中的样式
三、外联样式：即将样式单独放到一个文件夹中，然后用link标签引入页面的形式
四，导入样式，即将样式，按模块划分或其它的分法分别放在不同的css文件中，然后用@导入到其它样式中 。此方法建议不要用，因为效率不是特别高
前三种的优先级为： 行间 > 内联 >外联
以上就是关于:hover 无法改变行间样式这提问还不够清晰全部的内容，包括::hover 无法改变行间样式这提问还不够清晰、关于html select option 样式的问题、HTML中怎么导入css等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）