众多周知 CSS3 增加了很多属性,在读写的时候就没有原先那么方便了。 如:<div style="left:100px"></div> 只考虑行间样式的话,只需 div.style.left 就可获取,设置的时候也只需要 div.style.left='100px' 即可。很简单。 但是css3来 ...
分类:
Web程序 时间:
2020-05-16 21:10:17
阅读次数:
87
1.行间样式表的读写 1:获取元素节点 var js = document.getElementById('in') 2:获取style的属性节点 var jsStyle = js.style 3:获取样式表中的样式属性的属性值 style属性节点.样式属性名 元素节点.style.样式属性名 元素 ...
分类:
Web程序 时间:
2020-04-18 12:10:51
阅读次数:
76
01. WEB标准 ① web标准 简单来说可以分为结构、表现和行为。 ② 结构:主要是有HTML标签组成(通俗点说,在页面body里面我们写入的标签都是为了页面的结构) 表现:即指css样式表,通过css可以使页面的结构标签更具美感。 行为:是指页面和用户具有一定的交互,同时页面结构或者表现发生变 ...
分类:
Web程序 时间:
2020-03-31 17:11:58
阅读次数:
77
CSS零碎整理 一、CSS引入方式 1. 行间样式 3. 页面级css 3. 外部css文件 二、选择器 1. id选择器 id不能重复(唯一性)一对一 2. class选择器 多对多 3. 标签选择器 4. 通配符选择器(全局) 5. 属性选择器 6. 父子选择器(派生选择器) 一个例子: 结论: ...
分类:
Web程序 时间:
2020-03-16 23:36:18
阅读次数:
80
1.内链样式表 内联样式,又有人称行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式,其基本语法格式如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title ...
分类:
Web程序 时间:
2020-03-02 20:49:36
阅读次数:
123
学过css的小伙伴都是指css选择器的权重 !important Infinity 行间样式 1000 id 100 class|属性|伪类 10 标签|伪元素 1 通配符 0 权重相同 相同css文件:写在后面的起作用 不同css文件:后导入的起作用 但今天遇到一个问题 <body> <div s ...
分类:
Web程序 时间:
2020-02-04 10:28:46
阅读次数:
113
一、一般而言:!important >行间样式 >id >class | 属性 >标签选择器 >通配符 二、权重值 !important Infinity 行间样式 1000 id 100 class | 属性 10 标签选择器 1 通配符 0 注:0,1,10,100并不是一个准确的数字实际上这个 ...
分类:
Web程序 时间:
2020-01-27 00:20:14
阅读次数:
108
<!--1、引入css,行间样式--><div style="width: 100px; height:100px; background-color: red"></div><!--2、页面级css 在header引入css--><!--3、外部css 文件 link--> <!DOCTYPE h ...
分类:
Web程序 时间:
2019-12-29 10:48:52
阅读次数:
105
css的4种使用方式 1行间样式 将style当标签属性使用 权重1000 2行内样式 将style当标签使用 style标签必须写在head标签之间 必须通过选择器来定义css属性 3外部链接 通过link标签中的href属性引入css文件 link标签必须在head标签里面 4 模块导入 @im ...
分类:
其他好文 时间:
2019-11-29 15:37:18
阅读次数:
109
css选择器 选择器的权重 在css中,哪个选择器的权重高,就走谁的样式 标签选择器的权重是1 class选择器的权重是10 Id选择器的权重是100 行间样式的权重是1000 带有关键字 !important 的css属性 权重是无穷大 ...
分类:
Web程序 时间:
2019-11-21 20:16:40
阅读次数:
85