霍者博客

欢迎访问霍者博客(微信hylg1234)最新发布 练习题合集 软件合集 视频合集

CSS3选择器-状态性伪类选择器(五)::selection伪类选择器

今天我们来学习一下selection伪类选择器,不是select下拉列表。

::selection选择器:

此选择器使用了两个“:”不是笔误,它的标准写法就是这样;作用主要是用来指定元素处于选中状态时的样式,案例如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312">
<title>CSS3选择器-状态性伪类选择器(五)::selection伪类选择器 | 霍者博客(huozheweb.com)!</title>
<style type="text/css">
    *{margin:0; padding:0;}
    body{margin-bottom:20px; font-size:14px;}
    p{height:30px; line-height:30px; font-family:"Microsoft Yahei";}
    p::selection{color:#fff; background:#900;}/*当文字选中时,背景红色,字体颜色为白色*/
</style>
</head>
    
<body>
    <p>霍者博客(huozheweb.com)!</p>
    <p>霍者博客,关注网页设计和网页技术的前沿信息的自媒体博客</p>
    <p>CSS3选择器-状态性伪类选择器(五)::selection伪类选择器 | 霍者博客(huozheweb.com)!</p>
</body>
</html>
...

HTML <base> 标签

实例:规定页面上所有链接的默认 URL 和默认目标:

<head>
<base href="http://www.huozheweb.com/images/"target="_blank">
</head>
<body><imgsrc="logo.png"width="24"height="39"alt="霍者网页设计博客">
<a href="http://www.huozheweb.com">huozheweb.com</a>
</body>


...

在SEO中 B strong H标签用哪个好?

我们知道,在SEO中,标签起着重要的作用,适当的使用标签,可以让你的网站锦上添花。我们今天来谈谈seoer常用的3个标签——B strong H.

先看一下B strong H标签的用法?

B标签的用法,在html中,B标签的作用时加粗,标准用法为<b></b>.

H标签的用法,在html中,H标签共有6个,h1,h2,h3,h4,h5,h6..它们的作用是标注标题。一般主标题用H1。且每个页面中,H1标签只可以出现一次。标准用法为<h1></h1>......<h6></h6>.

...

薅羊毛:免费看会员电影的方法

最近发现一个能免费看各大视频网站会员电影的方法,埖哥觉得很有必要跟大家分享下。方法很简单

在所看电影的网址前面加 http://api.aikantv.cc/?url=,也就是说原视频网址在“="后面。

例如http://api.aikantv.cc/?url=http://www.le.com/ptv/vplay/26322741.html?ref=100000001

下面我们用优酷 爱奇艺 乐视来做测试

...

屏蔽鼠标右键的JS代码

这段代码可以防止鼠标右键,加一下,效果不错,加在</head>前,可以起到:减少蜘蛛路过时间,提高蜘蛛读字能力!

<script>
document.oncontextmenu=function(){event.returnValue=false;} //屏蔽鼠标右键
document.onkeydown=function() //以下部分可以减少蜘蛛路过时间,提高蜘蛛读字能力!
{
console.log(window.event.keyCode);
console.log(window.event.altKey);
if(event.ctrlKey&&window.event.keyCode==83){
event.returnValue=false;
}
}
</script>


...

前端趣玩:纯CSS实现半字符艺术

CSS不仅是一门技术,还是一门艺术。CSS3的出现,给我们带来了更大的想象空间。今天带大家见识一下半字符的艺术。

看到这张图,你有实现这个效果的思路吗?下面就教大家实现一个简单的半字符。

一、原理分析

...

从PC网站前端到学习移动网站前端注意事项

对于移动web开发的一个好消息:

WEB生态巨变:全球移动网站访问量首次超过PC网站

据英国卫报网站引述科技市场研究公司StatCounter的报告称,从2009年开始,移动版网站(主要面向手机和平板专门设计)的访问流量开始逐步攀升,与此同时,个人电脑访问传统网站的流量开始下滑。

今年十月份,两条曲线出现了交叉,移动版浏览量占比已经高达51.3%,超过了一半,而电脑网站的流量比例跌到了48.7%。

我一直做的是PC网站,这个消息对我是个坏消息,我要学习新东西,IT更新快,也累人。

...