css3中有哪些伪类？
:hover：用于选择鼠标悬停在元素上的状态。:active：用于选择被用户激活（点击）的元素。:focus：用于选择当前拥有焦点的元素（例如输入框）。:first-child：用于选择父元素的第一个子元素。:last-child：用于选择父元素的最后一个子元素。:nth-child(n)：用于选择...
番外篇-CSS3新增特性
CSS3是CSS的第三个版本，引入了许多新的特性和功能。以下是一些CSS3新增的特性： 1. 变换（Transform）：可以通过旋转、缩放、倾斜和平移等变换操作改变元素的外观和位置。 2. 过渡（Transition）：可以通过定义开始状态和结束状态之间的过渡效果，实现元素的平滑动画效果。 3. ...
关于页面缩放时css错乱的处理方法---之一
这几天遇到一个问题，就是在做网页的时候，页面缩放时，布局就乱了，原来的样子不会跟随缩放的放大或者缩小进行改变，直接导致的后果，就是页面很难看，无法使用之前虽然写了代码，但是一直没有注意到缩放后页面的效果会改变的事情，这几天还是别人发现了，来告诉我有这种问题，我才知道，感觉有点失败啊；关键的问题是，即...
页面缩放对css的影响
昨天发现一个上线的项目css样式明显不对，但是查看别人的电脑上的页面样式都是没问题的，于是找了半天原因，原来是我的浏览器对这个页面缩放了，导致样式问题。发现了页面缩放会作用在同一个域名下的所有页面，所以我之前做的一个项目对news.sina.com.cn域名下的一个页面使用了缩放，结果昨天上线的项目...
CSS-3 渐变的使用
CSS3 渐变（gradients）可以让您在两个或多个指定的颜色之间显示平稳的过渡。以前，您必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），您可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。...
CSS3鼠标滑过图片3D旋转动画
在线演示 本地下载...
基于jQuery和CSS3炫酷图片3D旋转幻灯片特效
在线预览 源码下载iPresenter是一款效果非常炫酷的jQuery和CSS3 3D旋转幻灯片特效插件。你可以使用它来制作产品展示、图片画廊或者各种幻灯片和轮播图特效。这款幻灯片插件的特点有：兼容jQuery。高度灵活和可定制性。灵活的用户界面的设计。在单个HTML页面中允许存在多个实例。可以...
CSS盒子模型 （盒子模型 上）
（大家好，今天我们将继续来学习CSS的相关知识，大家可以在评论区进行互动答疑哦~加油！????） 目录 一、盒子模型 1.1 看透网页布局本质 1.2 盒子模型(Box Model)组成 1.3 边框(border) 课堂小练习 目标: 能够准确阐述盒子模型的4个组成部分能够利用边框复合写...
使用CSS3的background-size优化Sprites图显示
当我的Sprites图像是300px,如何指定background-size为32px呢？其实不难，只需要一点点数学计算,这是一个很初级的过程。在我们的实例中,我们使用媒体社交图标.我想让他们都按16px x 16px的大小显示。我们将创建一个适合Retina屏幕设备的Sprites 图像，将图像尺...
谈谈 css 的各种居中——读编写高质量代码有感
css 的居中有水平居中和垂直居中，这两种居中又分为行内元素居中和块级元素居中，不同的居中用不同方法。水平居中1、行内元素水平居中（文本，图片）给父层设置 text-align:center; 可以实现行内元素水平居中。<!DOCTYPE HTML><html lang="en-U...
ASP.Net一键自动化更新代码、编译、合并dll、压缩js、css、混淆dll、zip打包、发布到测试环境的bat批处理
不废话，直接代码：D:cd D:\src\testproj\PrecompiledWebsvn revert ../ -Rsvn update ..rmdir BS /S /QC:\Windows\Microsoft.NET\Framework64\v4.0.30319\MSBuild.exe .....
CSS基础：table的4个标签的样式详解（长文！附案例）
你好，我是云桃桃。 一个希望帮助更多朋友快速入门 WEB 前端的程序媛。 云桃桃-大专生，一枚程序媛，感谢关注。回复 “前端基础题”，可免费获得前端基础 100 题汇总，回复 “前端工具”，可获取 Web 开发工具合集 276篇原创内容-更多前端系列内容可以go公众.h：云桃桃 后台回复“前端工具...
【Day 1】HTML 与 CSS
1 前端 网站的工作流程： 首先我们需要通过浏览器访问发布到前端服务器中的前端程序，这时候前端程序会将前端代码返回给浏览器浏览器得到前端代码，此时浏览器会将前端代码进行解析，然后展示到浏览器的窗口中，这时候我们就看到了网站的页面但是此时这个页面是没有数据的，因为数据在我们的数据库中，所以我们浏览器需...
CSS中的ul与li样式详解
CSS中的ul与li样式详解ul和li列表是使用CSS布局页面时常用的元素。在CSS中，有专门控制列表表现的属性，常用的有list-style-type属性、list-style-image属性、list-style-position属性和list-style属性。一、list-style-type...
Ionic Css样式详解
Header是固定在屏幕顶部的组件。可以包含如标题和左右的功能按钮。Sub Header同样是固定在顶部，只是是在Header的下面，就算没有写Header这个，Sub Header这个样式也会距离顶部有一个Header的距离。如：1<ion-view> <ion-conte...
部份css样式详解(附实际应用)
本文的所有实例均基于博客园的页面定制。所有表格内容来自W3CSchool。页面背景（background）博客开通之后，很多人最先做的事情一定是改页面的背景，换成一张图片或者换上一个自己喜欢的颜色，这时候用到的就是background属性。但是，在什么地方用呢？所有的html标签都支持这个属性。所以...
sencha touch list css(样式) 详解
/* *自定义列表页面 */ Ext.define('app.view.util.MyList', { alternateClassName: 'myList', extend: 'Ext.List', xtype: 'myList', requires: ['Ex...
此博客使用的CSS样式详解！
此博客使用的CSS样式详解！页面使用的博客园模板为：LuxInteriorLight，可以在博客皮肤里找到。页首屏蔽广告代码<script>console.log("顶部标题栏屏蔽开始；");document.all.top_nav.style.display='none';consol...
带你走进CSS定位详解
学习CSS相关知识，定位是其中的重点，也是难点之一，如果不了解css定位有时候都不知道怎么用，下面整理了一下关于定位属性的具体理解和应用方案。一：定位定位属性列表positiontopbottomrightleftz-indexposition基本语法：position：static | absol...
CSS文本单行溢出和多行溢出样式-二、多行溢出
1.代码 <!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>demo</title> <style> #di...