清除苹果手机input的默认样式，默认椭圆真的很丑
默认是下图这样的：改造后为下图这样的：方法就是在你css加上下面这一行代码就可以了：input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -...
2020-03-20
纯CSS导航菜单下拉效果
导航下拉，大家首先想到的是用JS来做。或许是大家看到的下拉菜单演示，多是JS控制的下拉，导致从先入为主的意识上，误以为二级下拉是很难的东西，必须要会Javascript才能做。其实，一个...
2020-03-18
如何将文章列表用<li>分两列显示
我们平时用ul或ol标签来罗列文章列表时默认是一列，为了美观起见，想把它们两列显示要如何操作呢？怎么用css定义它们？其实相对比较简单，用几行css样式定义一下就够了，可以用div + cs...
2020-03-02
网页顶部随滚动条由透明变不透明
<div class="i-gd-header" id="header" style="background: rgba(255,255,255,0)"> <div class="i-gd-header-left" onclick="closeWindiw(isApp)"><i class="iconfont i...
2020-03-02
纯CSS实现导航下拉功能
导航下拉这东西，还是很多人需要的。本文就大概的来讲一下如何实现导航下拉。这里用的是ZBlogPHP，其他程序效果自测，不保证通用。先上代码，CSS部分是这样的：CSS#nav{font-size...
2020-02-23
CSS垂直居中的8种方法，附详细的图文教程
1、通过verticle-align:middle实现CSS垂直居中。通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：inli...
2020-02-22
6条网页设计配色原则,让你秒变配色高手
网页设计好不好看,颜色是毋庸置疑要排首位的,所以关于颜色的搭配技巧以及原则,对于每一个要学习web前端设计的新手来说,这都是一个重要的学习过程.在本教程中我们将与你分享...
2020-02-22
用js+css3来写一个自适应栏目导航
有些站长说想做一个手机适应的网站,但是导航太难了,如果要使用框架的话,代码非常多,冗余.再用dreamwear打开,那直接就不响应了.我一直都喜欢用简单的代码来实现,js,css3利用...
2020-02-22
css选择器四大类：基本、组合、属性、伪类
什么是选择器？选择器的作用是通过它可以找到元素，把css样式传递给元素！css选择器主要分为：基本选择器、属性选择器、组合选择器与伪类选择器四个大类！css基本选择器基本选择器又...
2020-02-20
css常用样式font控制字体的多种变换
CSS 字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）font-family控制字体，由于各个电脑系统安装的字体不尽相同，但是基本装有黑体、宋体与微软雅黑...
2020-02-20
css常用样式对文本的处理演练
CSS文本属性可定义文本的外观，这是毫无疑问的，其次css可以通过以下属性改变文字的排版，比方说letter-spacing实现字符间距text-indent: 2em;完成首行缩进2字符word-spacing改变...
2020-02-20
a链接四种伪类状态切换实现人机交互
常见的color, font-family, background 等css属性都能够设置链接的样式，a链接的特殊性在于能够根据它们所处的状态来设置它们的样式。a标签与人交互的4个状态属于伪类状态切...
2020-02-20
css如何玩转有序无序列表项list样式
在无序列表ul>li中，无线列表的标志是出现在各列表前面的圆点。在有序列表ol>li中，前面默认带有数字，如何修改列表前面的项目符号，只需要通过list-style调整就好，常见的符号有（/*内...
2020-02-20
网页设计中垂直水平居中的几种方法
垂直水平居中的方案有很多，有时候容易搞混。其实细分下来主要有两种场景：元素宽高未知的场景、元素宽高已知的场景。针对这两种情况，后文分别列出集中主流的垂直水平居中方案。...
2020-01-07
用一个div加一段css代码画一个太极图
在王海达博客看到了这段代码，仅使用一个div和css就画出了一个标准的太极阴阳鱼图。看了下代码，发现其利用了伪元素以及拆分border边框，巧妙的使用css3来实现较为复杂的图案，于是...
2019-12-16
css如何实现隔行变色？
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。css实现隔行变色：<htm...
2019-11-11
css怎么调整div的位置？
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。下面我们来看一下css调整div位置的方法。可以使用css...
2019-11-11
sass基本特性有哪些？
Sass是一种层叠样式表语言，是CSS的扩展，使您可以使用变量，嵌套规则，内联导入等内容。它还有助于保持组织有序，并允许您更快地创建样式表。sass基本特性有哪些？1、声明变量注：如果值...
2019-11-11
css浏览器前缀有哪些？
浏览器引擎前缀，是一些放在CSS属性前的小字符串，用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。浏览器引擎前缀(Vendor Prefix)有哪些？ -moz- /* 火狐等使用Moz...
2019-11-11
嵌入式css怎么写？
在HTML中定义CSS的方式有：Embedding（嵌入式）、Linking（引用式）、Inline（内联式）。下面我们来看一下嵌入式css怎么写。嵌入式通过将CSS写在网页源文件的头部，即在<head>和<head>之间，...
2019-11-11
css怎么定位文字？
css怎么定位文字？下面本篇文章就来给大家介绍一下使用CSS定位文字的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在CSS中，可以使用position属性来定...
2019-11-11
css颜色渐变怎么写？
CSS3的语法是建立在CSS原先版本基础上的，它允许使用者在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。css颜色渐变可以使用css3的渐变（gradients）来实现。...
2019-11-11
什么是css链接伪类？
什么是css链接伪类？下面本篇文章就来给大家介绍一下css链接伪类是什么？有哪些？有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。什么是css链接伪类？css链接伪类就...
2019-11-11
浏览器为什么加载不了css样式？
浏览器为什么加载不了css样式？原因是什么？下面本篇文章就来给大家介绍一下浏览器加载不了css样式的原因。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。浏览...
2019-11-11
css百分比不起作用是什么原因？
CSS 的单位对于 CSS 的值有是一个直接影响的。因为 CSS 的单位直接对 CSS 的值的计算是有直接影响的，但有时我们设置百分比值时会出现不起作用的情况，这是什么原因呢？我们该如...
2019-11-11
css可以切割图片吗？
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。css可以使用clip属性来切割图片。语法：clip:rect (top,...
2019-11-11
css中如何拉伸图片？
css中如何拉伸图片？下面本篇文章就来给大家介绍一下在CSS中拉伸图片的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在CSS中，可以使用background-size...
2019-11-11
css乱码怎么处理？
css乱码怎么处理？下面本篇文章就来给大家介绍一下css中文字体乱码的处理方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。css中文字体乱码的处理方法：把c...
2019-11-11
css如何强制换行？
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小...
2019-11-11
css如何实现div层背景透明而文字不透明？
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。css实现div层背景透...
2019-11-11
css定义样式有几种方式？
css定义样式有几种方式？下面本篇文章就来给大家介绍一下css定义样式的方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。css定义样式的方式有4种：1、链入...
2019-11-11
哪些浏览器支持css滤镜？
css滤镜的标识符是“filter”，总体的应用上和其他的css语句相同。css滤镜可分为基本滤镜和高级滤镜两种。可以直接作用于对象上，并且立即生效的滤镜称为基本滤镜。...
2019-11-11
css li默认有margin值么？
css li默认没有margin值。下面本篇文章就来给大家介绍一下有默认margin、padding值的HTML元素。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。常用元素默...
2019-11-11
css中怎么设置段落样式？
段落是文章的基本单位，也是网页的基本单位。段落的放置与效果的显示会影响到页面的布局和风格。CSS样式提供了多种属性，来实现对页面中段落文本的控制。css设置段落样式的方法...
2019-11-11
css怎么画圆角矩形？
css怎么画圆角矩形？下面本篇文章就来给大家介绍一下使用css画圆角矩形的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在CSS中，可以通过圆角边框borde...
2019-11-11
css怎么获得屏幕的高度？
CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。通过vh / vw...
2019-11-11
css伪类选择器有哪些？
要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。伪类选择器是CSS五种选择器当中应用...
2019-11-11
css有几种属性选择器？
属性选择器在css2中引入，使我们可以根据元素的属性及属性值来选择元素。那么css有几种属性选择器？下面本篇文章就来给大家介绍一下CSS 属性选择器，希望对大家有所帮助。CSS 2...
2019-11-11
Grid布局是什么？
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。Gird布局是什么？Grid(网格) 布局使我们能够比以往任何...
2019-11-11
css怎么让图片变暗？
css怎么让图片变暗？下面本篇文章就来给大家介绍一下使用CSS让图片变暗的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在CSS中，可以利用滤镜filter属...
2019-11-11
css怎么修改字体？
CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。font-family 规定元素...
2019-11-11
css文字行距怎么设置？
CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。要实现调节设置每行文...
2019-11-11
css如何设置鼠标样式？
css如何设置鼠标样式？下面本篇文章就来给大家介绍一下使用CSS设置鼠标样式的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在CSS中，可以使用cursor属...
2019-11-11
css表格标题怎么设置位置？
我们可以通过设置css caption-side属性的相关属性值来指定表格标题（caption标签）的位置，即：可以使用caption-side属性来指定了标题位于表格的哪一侧。在table表格中，caption标签...
2019-11-11
css中px（像素Pixels）是什么意思？
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小...
2019-11-11
css怎么给字体换颜色？
css怎么给字体换颜色？可以使用color属性来给字体换颜色。下面本篇文章就来给大家介绍一下CSS color属性，希望对大家有所帮助。在CSS中想要给字体换颜色，可以使用color属性。col...
2019-11-11
Bootstrap的CSS框架有哪些？
Bootstrap的CSS框架有哪些？下面本篇文章就来给大家介绍8个基于Bootstrap的CSS框架。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。1、Bootstrap Metro Dash...
2019-11-11
css如何让网站首字放大？
本章给大家介绍CSS如何设置首字放大效果，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。在很多的文章中，都有一个首字放大的效果，在CSS中同样可以实现该效果。...
2019-11-11
css中#号啥意思？
要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。css中“#”是id选择器的...
2019-11-11
CSS怎么调字体大小？
前端开发中，为了突出一些内容常常对一些内容进行字体大小的设置、调整。那么CSS怎么调字体大小？下面本篇文章就来给大家介绍一下使用CSS调整字体大小的方法，希望对大家有所帮助...
2019-11-11
