霍者博客

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

实现鼠标放在网页上的文字时,不出现“I”形状的标记,并且不能选择文字

CSS让这部分区域的

cursor: default;

可以不显示“I”型的鼠标光标

不能选择文字。这个需求只能满足现代浏览器,老旧的IE8及以下的浏览器不能实现。

以下上让某个div里的文字不能选中

div{
    user-select: none; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select:none;
}


...

块级元素和行内元素的区别

块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

行内元素:span, strong, em, br, img , input, label, select, textarea, cite

1)块级元素会独占一行,其宽度自动填满其父元素宽度

行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容 而变化

...

CSS3动画中的贝塞尔

介绍篇:

贝塞尔曲线,法国数学家Pierre Bézier制造。

一种绘制曲线的方法,配有详细的计算公式,按照这样的公式绘制出来的曲线是为贝塞尔曲线。

其在计算机图形中的应用相当广泛,几乎有曲线的地方,就少不了它的身影,如在Photoshop,Flash,CorelDRAW中的使用。

常见贝塞尔曲线示例图:

一阶贝塞尔曲线(线段)

...

CSS样式表知识点回顾

CSS知识点回顾

1.嵌入CSS代码的四种方式:

1).内嵌模式:

<a style = "width:80px;height:90px;" href = "http://www.baidu.com/" target = "_blank">百度</a>

2).内部样式

<style>

a{

...

这大概是我见过尺规作图的最高境界!

运用黄金分割线来画图,画得最多的估计就是logo了。

别看百事的logo简洁明了,其实它遵循了一定的比率,该比率是:黄金分割率(φ)。

当然,Apple的logo也毫不例外,这个被咬了一口的苹果,轮廓是在直径上遵循斐波那契数列,堪称完美!

...

jQuery响应式菜单/导航插件


一款小巧的 jQuery 响应式菜单/导航插件,它能够自动计算浏览器窗口的宽度,当窗口宽度变小到无法容纳菜单时,它就会把“多余”的菜单变成“三个点”的图标,点击图标就能展开多余的菜单;当窗口变大时,多余的菜单又会重新显示。

...

CSS3选择器-结构性伪类选择器(一):root :not :empty :target

本节来学习一下CSS3中的结构性伪类选择器,在这之前,先来简单的回顾一下CSS2.0中的类和伪类选择器,我们知道在CSS中,可以使用类选择器把相同的元素定义成不同的样式,譬如针对一个p元素,我们可以做如下定义:

p.left{color:#900;}
p.right{color:#090;}

然后在HTML中对p使用class属性,如下:

<p class="left">霍者网页设计博客(www.huozheweb.com)</p>
<p class="right">关注网页设计和网页技术的前沿信息的自媒体博客</p>

在CSS中除了上面所属的类选择器之外,还有伪类选择器,这种选择器与类选择器的区别是,类选择器可以随便起名,而伪类选择器是固定的,也就是默认已定义好的选择器,不可随便起名。比如超链接的Hover伪类。

...