建议奇偶行不要使用反差强烈的颜色作为背景色,应该选择相似色,或者深浅比较接近的颜色,就可以避免这种错觉产生。
CSS中常用的选择器:(一)基本选择器(二)层次选择器(三)动态伪类选择器(四)目标伪类选择器(五)ui状态伪类选择器(六)结构伪类选择器(七)属性选择器(八)伪元素 (一)基本选择器1.标签选择器:通过标签名获取元素 权重:0001 (此种选择器影响范围大,建议尽量应用在层级选择器中。)2.class选择器:通过 . 类名获取元素权重:0010 (通过class类名来选择元素,一个类可应用于多个元素,一个元素上也可以使用多个类,应用灵活,可复用,是css中应用最多的一种选择器。)3.id选择器:通过 # id名获取元素 权重:0100 (通过id名来选择元素,元素的id名称不能重复,所以一个样式设置项只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。 )4. * 通配符选择器:获取到页面的所有元素5.群组选择器:用逗号隔开基本选择器,表示这些选择器都获取到 (二)层次/关系选择器 (主要应用在选择父元素下的子元素,或者子元素下面的子元素,可与标签元素结合使用,减少命名,同时也可以通过层级,防止命名冲突。)1.包含选择器:用空格隔开基本选择器,表示后一个选择器是前面的后代例:p a { color:red}2.子代选择器:用>隔开基本选择器,表示后一个选择器是前面的子代例:ul>li { line-style: none}3.相邻兄弟选择器:E+F:表示获取到E后面的紧跟着的F元素(同级的) 例: a+a { }4.兄弟选择器:E~F:表示获取到E后面所有的同级的F元素 例: li~li { }(三)动态伪类选择器1. a:link 锚链接被访问前添加样式2. a:visited 锚链接被访问后添加样式3. e:hover 鼠标悬停在元素上添加样式4. e:active 鼠标点击元素时添加样式5. :focus 表单元素被聚焦时,添加样式(四)目标伪类选择器语法: 目标:target {属性:属性值} 被选中的目标添加样式目标:target E子元素{属性:属性值} 被选中的目标里的E子元素添加样式 (五)ui状态伪类选择器1. :enabled 可用的表单元素添加样式2. :disabled 不可用的表单元素添加样式(disabled )3. :checked+E 被选中的表单元素添加样式(六)结构伪类选择器1. E:first-child 获取到E元素,且要满足为其父元素的第一个孩子。2. E:last-child 获取到E元素,且要满足为其父元素的最后一个孩子3. E:nth-child(n) 获取到E元素,且要满足为其父元素的第n个孩子n的用法:(1)6n倍数 (2)even偶数/2n odd奇数/2n-1(如可用来选中奇偶行来实现 “隔行换色”) (3) -n+5 选中1-5(4)p:nth-child(-n+3):nth-child(n+2) 2-3个4. E:nth-last-child(n) 获取到E元素,且要满足为其父元素的倒数第n个孩子5. E:first-of-type 获取到E元素,且要满足为其父元素的第一个该类型的孩子6. E:last-of-type 获取到E元素,且要满足为其父元素的最后一个该类型的孩子7. E:nth-of-type(n) 获取到E元素,且要满足为其父元素的第n个该类型的孩子8. E:nth-last-of-type(n)获取到E元素,且要满足为其父元素的倒数第n个该类型的孩子9. E:empty 获取到空的E元素(注:连空格都不能有)(七)属性选择器1. E[attr] 拥0有attr属性的E元素添加样式 如div[class] 2. E[attr="val"] 拥有attr属性值 为 val的E元素添加样式 如p[class="ab"]3. E[attr*="val"] attr属性值 包含 val的E元素添加样式 如ul[class="c"] 指class类名中包含有c字母的E元素4. E[attr^="val"] attr属性值以val 开头 的E元素添加样式5. E[attr$="val"] attr属性值以val 结尾 的E元素添加样式(八)伪元素1. E::before给E元素添加第一个子元素 (前面) 2. E::after 给E元素添加最后一个子元素(后面)3. E::first-letter给E元素第一个字添加样式4. E::first-line给E元素第一行添加样式 5. E::selection 元素内容被选中时添加样式(火狐需要加前缀-moz-)css中用奇偶选择器实现奇偶行不同色,但是出现了奇偶行单元格边框有点错位这个怎么解决
没有错位,这是一种视觉错觉,你把图片放大几倍后就能发现,其实并没有错位!
给您推荐相同类型的内容:
将word怎么转化html
你好,生活中我们遇到需要转换文件格式的情况还是比较多的,方法也是千百种,但是想要把word转化网页html格式可以试试这个方法。具体步骤:第一步,如图,在转换成网页之前word文档,打开后点击其它文件格式-文件转html。第二步,选择添html5中怎么判断浏览器类型
用JS来判断:<script>function myBrowser() {var userAgent = navigator.userAgent 取得浏览器的userAgent字符串var isChr电脑蓝屏是怎么回事
你好,很高兴为你解答:电脑蓝屏问题处理:1、电脑蓝屏,是比较常见的电脑故障之一,很大可能,导致电脑出现蓝屏是原因是电脑本身的硬件或电脑上的驱动安装错误,没法运行。此时,我们可以将近期安装的硬件试着拆下,然后再尝试安装新的驱动。2、当电脑蓝怎么使用CSS3创建动态菜单
方法1: 用Css实现 <html><head><title>css菜单显示效果<title><meta http-equiv=&CSS设置字体发光或有阴影.
在样式表中,定义一个img{filter:none}这样,页面中的所有图片就不会有发光效果了!把body的stlye属性删除掉,再把你要发光的字体加入到一个DIV用css控制div,定义id,class,任一个都可以,不建议用标签,字体的设微信怎么在电脑上登录两个?
一个微信可以同时登录2台电脑,解决方法如下:1、首先在电脑中打开金丹多聊软件,进入页面后,点击立即登录选项,如下图所示。2、然后,点击”+”符号登录第一个账号。3、像平时一样,扫码登录即可。4、接下来,再点击下方的“+”符号,开始登录第二用HTML5做手游开发好吗,有什么优缺点
学电脑不如学【视频剪辑】,理由很简单,容易学(不像其它行业学习成本高,难度大),适合短期3-4个月短期学习,而且行业缺口非常大,无论是找工作还是自己在家里接私单,月收入轻松过万,两三万也是稀松平常。【点击进入】免费“短视频剪辑后期”学习网址如何在电脑上视频通话。
具体操作方法如下:1、点击电脑版微信图标。2、启动后弹出二维码登陆界面。3、打开手机微信使用“扫一扫”功能扫描二维码。4、扫描电脑上的二维码。5、然后在手机上点击登录按钮。6、点击左侧人头图标,进入好友列表。7、点击想要进行视频聊天的好友简单飞机怎么下载飞机 简单飞机下载飞机步骤
1、打开程序。首先,打开你的Simpleplane(简单飞机)的主程序,稍等片刻后将会启动程序。 2、下载功能。使用鼠标中键(滚轮)将页面移至底部。在底部,点击downloadmoreplane(下载更多的飞机)下方的按html5中怎么判断浏览器类型
用JS来判断:<script>function myBrowser() {var userAgent = navigator.userAgent 取得浏览器的userAgent字符串var isChrmain.c3aa262b.css文件怎么打开
打开命令行,进入到需要打开的css文件目录下,输入codecss文件名,即可打开。code是vscode为我们添加的一个命令工具。CSS文件,本身其实就是一种文本文件,只是采用CSS规定的语法规则来写,这样浏览器就可以识别。css文件除了具css圆点边框间距太小
在网页前端设计过程中,少不了要使用边框,这样页面整体好看一些。边框通常分为两种,一种为实边框另一种为虚边框,实边框用得多一些,但有虚线或虚线边框点缀,网页会更漂亮,所以这两种边框都要使用。在CSS中,设置边框用border属性,通常需要设置CSS border(边框)样式写法总结
border属性 :在网页中设置元素的边框样式。可同时设置边框宽度、边框样式、边框颜色。也可以单独设置上边、右边、下边、左边的边框。语法:border:border-width|border-style|bojs去掉字符串前后空格的五种方法
第一种:循环检查替换 [javascript] 供使用者调用 function trim(s){ return trimRight(trimLeft(s)) } 去掉左边的空白 function trim电脑电源线怎么接
电脑电源线接法如下:1,首先, 机箱上几乎所有的接线都会有表明各自身份的英文或者英文字母缩写进行标注,这样就很清楚哪根是什么作用的;2,其次,主板上也有众多线路针脚,如开关重启LED灯针脚,这个针脚通常位于主板的右下角,针脚旁边一般也盲人电脑是什么东西?盲人也可以用??
楼上说的太过高科技了,估计也是国外的盲人用得比较多。目前国内的盲人操作电脑一般都是使用“读屏软件”。也就是说,只需要一台正常配置的电脑,然后安装上一个软件,盲人就可以使用电脑了。读屏能令盲人操作电脑的原理很简单,就是会发声。读屏软件,顾名思html中设置圆形头像这里的css分别表示了什么 <html> <head> <title>圆形头像
.imgtest{margin:10px 5px*设置总的距离边距*overflow:hidden}*超出部分隐藏*.list_ul figcaption p{*html代码中没有*font-size:12pxcolor:#aa怎样用键盘操作电脑?
背熟以下文章,就能脱离鼠标,光用键盘操作了 一、常见用法: F1 显示当前程序或者windows的帮助内容。 F2 当你选中一个文件的话,这意味着“重命名” F3 当你在桌面上的时候是打开“查找:所有文件” 对话框 F10或ALT 激活当前怎么知道自己电脑的CPU风扇的规格型号
怎么知道自己电脑的CPU风扇的规格型号一般修电脑是直接换CPU散热器(带风扇),你提供CPU型号给他就知规格,如是单换风扇的话恐怕要自己动手。怎样可以知道自己CPU风扇的牌子和型号?牌子开启机箱就可以看到,一般在风扇中间的标签上html5怎么压缩图片
HTML是用来做网站的一种语言哈,就是在html里面改变图片的大小就要改变文件代码,打开图片源代码,图片文件的大小是height,和宽,我们可以更改,在语言中我们需要设置的都是英文的。现在压缩工具将图片缩小之后都会对画质有影响,压缩图片文笔记本电脑怎样用u盘重装系统 笔记本系统重装教程
1、准备工作、系统镜像下载:笔记本win7系统下载2、4G及以上U盘;2、启动设置:怎么设置开机从U盘启动(包含BIOS设置方法);3、笔记本电脑用U盘重装系统步骤如下制作好U盘启动盘之后,将下载的笔记本系统iso文件直接复制到U盘笔记本电脑黑屏如何解决
华硕笔记本电脑当出现黑屏问题时,如何常规排查解决?第一种情况:笔记本电脑开机时出现黑屏情况,首先请您在移除外接设备情况下(例如USB设备SD卡HDMIType-C等外设),确认电脑的电源指示灯(LED灯)是否正常亮?一、若电源指示灯商场里的电脑员是做什么的呢?
推销电脑的。本职工作:确保计算机软硬件及相关设备的正常运行,并进行技术改进。1、计算机软硬件及相关设备的日常维护和保养,并确保其正常运行。2、计算机软硬件及相关设备的维修配件的采购。3、收集和分析各部门的信息化需求,并提出解决方案。4、进行华为荣耀平板8可以下载python吗
华为荣耀平板8可以下载python华为平板python安装教程 1、首先,需要到python的官方网站下载python的安装包。2、打开官方网站之后,点击“Downloads”一栏,然后在弹出的窗口选择“windows”。3、然后根据不同的英语作文````急
Energy Source Energy means the power which does work and drives machines. All living things (including humans) rely on tjQuery实现列表内容的动态载入特效
采用Jquery实现的列表数据动态更新效果,更新的数据可以是ajax请求的数据。CSS:.main{width:100%margin-top:100pxtext-align:centerfont-size:12.5px}th,td{bordhtml5怎么压缩图片
HTML是用来做网站的一种语言哈,就是在html里面改变图片的大小就要改变文件代码,打开图片源代码,图片文件的大小是height,和宽,我们可以更改,在语言中我们需要设置的都是英文的。现在压缩工具将图片缩小之后都会对画质有影响,压缩图片文怎么判断html 是在移动端应用(app),还是移动端浏览器中打开的
判断html 是在移动端应用(app),还是移动端浏览器中打开可以通过查看 UA来实现。UA是SIP协议中的一个逻辑实体,SIP是一个信令协议,代理的含义为代替用户处理信令协议,简单说就是替用户收发信令信息。UA简单是指用户的手机信息。通js防水涂料送检一组多少平方
5000平方米一般是5000平方米为一组送检。防水材料是建筑物的围护结构要防止雨水、雪水和地下水的渗透要防止空气中的湿气、蒸汽和其他有害气体与液体的侵蚀分隔结构要防止给排水的渗翻。这些防渗透、渗漏和侵蚀的材料统称。高分子防水材料—片材:三元WORD中 如何把小于60分的用红色表示
工具原料Excel 2010 电脑方法步骤1、打开需要编辑的excel数据,选中要设置的数据区域。2、点击【开始】--》【条件格式】--》【突出显示单元格规则】--》【小于】。3、弹出窗口,输入数字“60”,右侧“设置为”选择