当前位置: 首页  - 标签“CSS3“ - 列表 学而时习之,不亦说乎

CSS3

zblog作品墨初VIP主题,响应式设计,简洁而不简单.....

墨初VIP主题,响应式设计,简洁而不简单.....

前段时间发布一个墨初主题的免费版本,在免费版本中并没有加入太多功能,主题以测试前端为主的,一些主题的数据需要在模版中修改非常的不方便,但使用上并没有任何限制,如果你喜欢折腾可以下载免费版本进行使用或修改。本次发布的VIP版本,可以很方便的在后台的主题设置中修改模版中的任何数据,当然如果你想获得本版本,需要给本站的博主一点点的赞助支持哦!别

推荐
zblog作品Z-Blog用户中心插件正式发布啦。。。

Z-Blog用户中心插件正式发布啦。。。

如果你的主题想适配此插件或想了解更多的功能,请阅读《墨初用户中心插件使用教程》这篇文章!演示站注册邀请码:PHLF6F演示地址:1、本插件演示地址 http://us.502la.com 2、注册邀请码:PHLF6F3、各位在体验时,如遇到什么问题,可直接与我联系!4、加入QQ群 79609235 可以免费1.9版本的用户中心插件公告

推荐
zblog作品zblog博客/CMS主题发布,强力代码级别优化,速度快,收录快

zblog博客/CMS主题发布,强力代码级别优化,速度快,收录快

经过一个月的编写,墨初CMS主题强势发布。此主题由VIP主题演化而来,但又不同于VIP主题,全新的后台处理代码,并加入了部份缓存机制,强力前台代码优化配合主题增强插件。做到了功能多样化,加载速快,被搜索引擎收录快等特点。演示地址:飞鸟慕鱼博客文章内容页面代码复制点击复制代码Ctrl+C就可以复制代码啦CMS首页模块

推荐
Web前端CSS3 中的 :nth-child() 选择器的使用方法

CSS3 中的 :nth-child() 选择器的使用方法

今天说一个在css3中不常用的到的选择器属性 :nth-child(),它可以方便的对某个HTML元素下的任何子元素进行操作,而要操作的HTML元素不分任何类型。CSS3 :nth-child() 属性定义:nth-child(n):选择器匹配属于其父元素的第 N 个子元素,任何类型的元素都可以。语法::nth-child(n)参数:n

Web前端html页面中css缩放图片的方法

html页面中css缩放图片的方法

在html页面制作中,可以利用 CSS 中的 transform 属性对图片进行旋转,缩放,移动或倾斜的操作。而今天我们只说说 transform 属性对图片进行等比例的缩放操作。css transform 属性的介绍transform:该属性向元素应用 2D 或 3D 转换。它允许我们对元素进行旋转、缩放、移动或倾斜的操作。缩放使用值:

Web前端HTML table表格边框设置为单线的方法

HTML table表格边框设置为单线的方法

因为平时在html页面中设计表格样式时,一般都是使用 DIV+CSS 的方式来实现,很少使用 table 表格元素,而今天图省事使用 table 表格元素时,发现设置其边框为的样式为双线的形式,所以就正对次问题,百度了一下解决方案。table 表格的边框宽度不为0的样式HTML代码<!DOCTYPE html><html

Web前端记录CSS中 position:fixed 踩的坑

记录CSS中 position:fixed 踩的坑

在 html 页面的css样式中,如果将 position 属性的值设置为 fixed,那就表示其元素的位置相当于显示设备的可视区域进行定位,而今天在调试此属性时,却发生了一件奇怪的事件。position:fixed 定位失效情况复现失效代码:<!DOCTYPE html><html><head><

Web前端CSS calc() 函数的介绍与使用方法

CSS calc() 函数的介绍与使用方法

在HTML页面的DIV布局中,如果我们把DIV的宽度当做一个计算公式,让浏览器去自动去计算它们的值是不是很有意思呢?那么今天就说一下,CSS中的一个关于计算的函数 calc() calc() 函数介绍calc():英文单词calculate(计算)的缩写,是 css3 新增加的一个功能。它可以动态的设置元素样式中border、margin

JS/JQJQuery获取与设置元素CSS属性

JQuery获取与设置元素CSS属性

js插件jquery可以很方便的对HTML的元素进行操作,比如一些元素的显示与隐藏,一些元素的动态效果等,今天就说一说通过jquery获取DIV元素的CSS属性,以及设置DIV元素的CSS属性的方法。jquery获取DIV元素的CSS属性值jq获取DIV元素的属性值,可以使用css()方法例:利用jquery获取DIV元素的宽<!D

Web前端css中zoom:1属性的定义和作用

css中zoom:1属性的定义和作用

今天被问起CSS中有个zoom属性是干什么用的,虽然我知道这个属性是用来清除浮动,来触发haslayout的。但具体的定义还不是很了解,就百度了一点关于zoom属性的资料,然后总结了一下。CSS zoom属性zoom:设置或检索对象的缩放比例,触发IE浏览器的haslayout属性,解决浮动,margin重叠等一些问题。语法:zoom:n

Web前端html中隐藏A标签的文字并显示背景图片

html中隐藏A标签的文字并显示背景图片

在前端web的设计中,有时候为了seo需要做一些不合常理的规划,所以在我们这里做SEO的小组经常和做前端的小组干仗的。今天就说一个SEO小组提出的HTML前端设计方案中的一个小需求,给大家参考一下。需求介绍1、给A标签加入背景图片,并显示背景图片2、A标签要正常的写法,在源码中不能改变其代码的格式。3、在浏览器的展示中,要把A标签的文字隐

Web前端CSS设置背景图片不重复的方法

CSS设置背景图片不重复的方法

今天有小伙件来咨询一个关于CSS中设置背景图片不重复的小问题,给他解答的同时顺便写一下教程,详细介绍一下CSS如何设置背景图片,以及设置背景图片的显示方式等。CSS设置背景图片在CSS中,我们可以利用 background 属性来设置背景图片,如下面的代码<!DOCTYPE html><html><head&

Web前端CSS html文字的跑马灯(流光)特效

CSS html文字的跑马灯(流光)特效

在网页的合适位置,放一些带有跑马灯特效的文字肯定会吸引访客的眼球的。今天这篇博文就写一写利用纯CSS来实现网页中文字跑马灯特效的案例。在CSS3出现以前,如果要制作一段流光文字必须借助图片,但现在我们直接可以利用CSS代码来实现了,省时又少力,还能加快前端网页的加载速,省资源啊。先看效果图:CSS3实现文字跑马灯(流光)效果HTML代码&

Web前端CSS3实现鼠标放大镜和放小镜的效果

CSS3实现鼠标放大镜和放小镜的效果

CSS3中的cursor属性可以改变鼠标的形状,我们比较常用的到就是让鼠标变成小手,或者自己引入外部的.cur图标文件。今天我们就说一说,cursor属性在不引入外部.cur文件的情况下,让其变成放大镜,放小镜的形状CSS3中的cursor属性cursor 属性规定要显示的光标的类型(形状)。其值如下表CSS3中的cursor属性放大镜,

Web前端自适应(响应式)网页中的几个关键分辨率

自适应(响应式)网页中的几个关键分辨率

现在移动端设备的普及下,除了办公和游戏外使用电脑的次数越来越少,基本上都成为了低头一族。而这苦了一些网页前端的设计人员,为了能让网页适应PC端又同时适配移动端的前提下。自适应响应式网页就成为了当前的主流。自适应网页在不同设备或不同分辨率下,显示的布局是不同的。为了不让页面变形,而更好来美化网页,我们可以利用@media screen实现网

Web前端HTML中利用div+CSS实现简单的箭头图标

HTML中利用div+CSS实现简单的箭头图标

在网页设计中,我们经常得会用到一些箭头做为装饰来点缀我们的网页,虽然现在很多的网站的设计者们都喜欢以引用字体图标的形式来实现箭头的效果,但那样也会给网页的加载造成一些影响。今天飞鸟慕鱼小编就给大家说一说,在网页设计中如何利用div加CSS的方式来实现一些箭头的效果。DIV+CSS实现实心小箭头的效果在网页的一些二级导航菜单,或是带有下拉功

Web前端HTML中的hr元素的CSS样式设置以及一些实例

HTML中的hr元素的CSS样式设置以及一些实例

在对html网页进行美化的时候,肯定少不了要用的hr标签进行装饰,很多人都会直接使用hr标签,但也有大部份新人只会使用hr标签,并不会对hr标签进行一些美化的操作,hr标签进过CSS样式进行美化后,也是非常好看以及百常的实用的,今天飞鸟慕鱼的小编就给大家说一说,有于对HTML中hr标签的美化以及一些实例。HTML中的hr标签HTML中的&

Web前端CSS兄弟选择器符号‘+’号与‘~’号的区别

CSS兄弟选择器符号‘+’号与‘~’号的区别

今天有人问我,在CSS的兄弟选择器中'+'号和'~'号码的区别是什么,而我自己对这个问题也不是很清除,当然,如果想弄清楚一个问题,用实践的方式比较好,今天就通过举几个例子来说明一个,CSS选择器中的加号和“~”号的区别在什么地方!CSS兄弟相邻选择器加号相邻兄弟选择器使用了加号(+),即相邻兄弟结合符(Ad

Web前端HTML5之placeholder属性以及如何更改placeholder属性中文字颜色

HTML5之placeholder属性以及如何更改placeholder属性中文字颜色

在HTML5中为input标签添加了一个新的属性为placeholder,此placeholder属性可以在input没有任何输入或value的属性为空的情况下,来提示用户在input中该输入什么样的内容,达到一个提示的作用。以前使用placeholder属性的时候,并未对其进行过CSS定义,一直是浏览器默认的样式,但最近有小伙件一直问我

Web前端CSS中浏览器前缀的兼容写法

CSS中浏览器前缀的兼容写法

浏览器引擎前缀,是一些放在CSS属性前的小字符串,用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。谷歌浏览器和 Safari浏览器使用的是WebKit渲染引擎,火狐浏览器使用的是Gecko引擎,Internet Explorer使用的是Trident引擎,Opera以前使用Presto引擎,后改为WebKit引擎。一种浏览器引擎

Web前端CSS禁止网页或DIV中的文字被鼠标选中

CSS禁止网页或DIV中的文字被鼠标选中

有一些网站的站长朋友们,为了防止自己网站的内容被复制,或者出于某中原因不想让网站中某个DIV元素中的文字被访客选中,想出了各种各大样的招数。今天本飞鸟慕鱼的博主就和大家说一说,如何利用CSS3的属性,来禁止网页或是某个DIV元素中的文字被鼠标选中。CSS属性禁止网页文字被选中CSS3中有个user-select属性,这个属性可以设置某个D

Web前端利用JQuery为元素添加样式的方法

利用JQuery为元素添加样式的方法

JQuery可以很好的对CSS3进行支持,这段时间也在不停的啃JQuery,这不今天就为利用JQuery为div添加一些样式,而总结了一些在JQuery中对CSS3进行一些操作的函数,写一些下来,方面以后查看。利用JQuery为div添加CSS样式利用JQuery给DIV添加样式,我们可以像定义CSS那样,很简单代码 $("sp

Web前端利用Css的属性来禁止网页文本选中

利用Css的属性来禁止网页文本选中

现在可以直接使用CSS3禁止网页中文本被选中了,但只兼容Firefox/Chrome/Safari,IE10了,不过也是未来主流了,下面来看看。或许你常常不希望用户在你的网站上选择文本,无论是否是出于版权的原因。通常大家会有js来实现,另一个方案就是,将-webkit-user-select 和-moz-user-select 的值设为n

Web前端HTML中input的placeholder属性的CSS样式定义

HTML中input的placeholder属性的CSS样式定义

在HTML中input的有个placeholder属性,它可以让我们在写表单时给每个input的元素做个提示,让用户知道这个输入框什么作用,该输入什么样的数据,很是人性化,但我们在定义input的placeholder属性时,它的默认样式本人感觉是非常的难看,为此我这个半调子的HTML代码君,百度了一下,找到了如何利CSS来给这个inpu

1 2 末页
点击下拉

ZBLOG主题/插件定制开发流程

ZBLOG主题/插件定制开发流程
用户登录