原文:css选择器总结 最近有点忙,所以没有发表博文,现在时间空闲下来了,好好的整理一下知识,今天总结一下css里面的一些选择器。 css里的选择器有好多种,下面我就把我了解到的写一写,如果有不全的或者有误的欢迎留言指正,万分感谢。 一、选择器 1、* 通配符选择器 这个选择器是匹配页面中所有的元素... ...
分类:
Web程序 时间:
2019-02-15 18:12:06
阅读次数:
157
HTML 1.命名 antScript ant-script(推荐) ant_script(不推荐) 尽量不适用数字 2.文本缩进(符合代码规范,标准,对齐) 3.标签闭合 4.推荐使用单引号 5.属性属性值推荐使用小写 6.注释标准详尽 CSS 1.选择器 尽可能不使用通配符选择器 合理避免使用i ...
分类:
其他好文 时间:
2019-02-01 18:04:45
阅读次数:
187
盒模型 width:内容的宽高 height:内容的高 padding:内边距 border:边框 margin:外边距 盒模型的概念 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种:标准模型和 ...
分类:
其他好文 时间:
2019-01-30 19:10:24
阅读次数:
134
CSS2.0 <!--引入css-->1.行间样式<div style=" "></div>2.页面级css<style type="text/css"></style>3.外部css文件首先建立一个css文件然后在HTML文件里建立一个<link rel="stylesheet" type="te ...
分类:
Web程序 时间:
2019-01-22 14:26:08
阅读次数:
263
基本选择器: 标签(元素)选择器 格式 >标签名{ 声明的属性} 类 选择器 >这里有个点(.)+类名称{声明的属性} ID 选择器 >#+id名称{声明的属性} 并集(群组)选择器 >.类名,#id名称,标签名{声明的属性} 通配符 选择器 >*{声明的属性} >这个的话会用到所有body中的元素 ...
分类:
其他好文 时间:
2019-01-05 00:16:01
阅读次数:
163
在网页开发中,html的元素,有部分元素默认是有内外边距的,例如body 元素,是有默认边距的 所以在通常情况下,我们都要先清空元素的内外边距:使用通配符选择器* 清空元素的内边距和外边距 但是使用通配符选择器,会遍历所有的元素,对网页的性能会有影响,为了减少对网页性能的损耗,我们采用另外一种方法, ...
分类:
Web程序 时间:
2018-12-15 17:55:59
阅读次数:
1850
1. id选择器( myid) 2. 类选择器(.myclassname) 3. 标签选择器(div,h1,p) 4.相邻选择器(h1+p) 5.子选择器(ul li) 6.后代选择器(li a) 7.通配符选择器( ) 8.属性选择器(a[rel="external"]) 9.伪类选择器(a:ho ...
分类:
Web程序 时间:
2018-12-13 21:47:42
阅读次数:
228
!important作为优先级最高的选择器,在样式仍然有冲突的情况下,依旧要按照优先级顺序进行比较 选择器优先级顺序为: !important > 行内样式 > ID选择器 > 类选择器、伪类选择器 > 元素、为元素、属性选择器 > 通配符选择器 > 继承属性 为了将CSS的继承性、复用性、层叠性、 ...
分类:
Web程序 时间:
2018-12-04 17:16:54
阅读次数:
177
1.id 选择器 #idname{color:red;} 2.class选择器 .classname{} 3.标签选择器 div{} 4.通配符选择器 *{} 5.选择器权重 行距样式选择器>id>class>标签>通配符 使用css 选择器 使用顺序是 通配符->标签->class->id ...
分类:
Web程序 时间:
2018-11-26 00:13:13
阅读次数:
134
一.常用选择器id选择器(#myid)类选择器(.myclassname)标签选择器(p,h1,p)相邻选择器(h1+p)子选择器(ul>li)后代选择器(lia)通配符选择器(*)属性选择器(a[rel="external"])伪类选择器(a:hover,li:nth-child)二.css3属性选择器E[attr]:只使用属性名,但没有确定任何属性值;E[attr=&
分类:
Web程序 时间:
2018-11-22 21:08:16
阅读次数:
233