• CSS3鼠标滑过图片3D旋转动画

    时间:2024-04-21 16:17:47

    在线演示       本地下载...

  • 基于jQuery和CSS3炫酷图片3D旋转幻灯片特效

    时间:2024-04-21 16:04:15

    在线预览   源码下载iPresenter是一款效果非常炫酷的jQuery和CSS3 3D旋转幻灯片特效插件。你可以使用它来制作产品展示、图片画廊或者各种幻灯片和轮播图特效。这款幻灯片插件的特点有:兼容jQuery。高度灵活和可定制性。灵活的用户界面的设计。在单个HTML页面中允许存在多个实例。可以...

  • CSS盒子模型 (盒子模型 上)

    时间:2024-04-21 12:38:23

    (大家好,今天我们将继续来学习CSS的相关知识,大家可以在评论区进行互动答疑哦~加油!????) 目录 一、盒子模型 1.1  看透网页布局本质 1.2  盒子模型(Box Model)组成 1.3  边框(border)  课堂小练习 目标: 能够准确阐述盒子模型的4个组成部分能够利用边框复合写...

  • 使用CSS3的background-size优化Sprites图显示

    时间:2024-04-20 22:32:29

    当我的Sprites图像是300px,如何指定background-size为32px呢?其实不难,只需要一点点数学计算,这是一个很初级的过程。在我们的实例中,我们使用媒体社交图标.我想让他们都按16px x 16px的大小显示。我们将创建一个适合Retina屏幕设备的Sprites 图像,将图像尺...

  • 谈谈 css 的各种居中——读编写高质量代码有感

    时间:2024-04-20 21:34:53

    css 的居中有水平居中和垂直居中,这两种居中又分为行内元素居中和块级元素居中,不同的居中用不同方法。水平居中1、行内元素水平居中(文本,图片)给父层设置 text-align:center; 可以实现行内元素水平居中。<!DOCTYPE HTML><html lang="en-U...

  • ASP.Net一键自动化更新代码、编译、合并dll、压缩js、css、混淆dll、zip打包、发布到测试环境的bat批处理

    时间:2024-04-20 13:34:25

    不废话,直接代码: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个标签的样式详解(长文!附案例)

    时间:2024-04-20 07:02:08

    你好,我是云桃桃。 一个希望帮助更多朋友快速入门 WEB 前端的程序媛。 云桃桃-大专生,一枚程序媛,感谢关注。回复 “前端基础题”,可免费获得前端基础 100 题汇总,回复 “前端工具”,可获取 Web 开发工具合集 276篇原创内容-更多前端系列内容可以go公众.h:云桃桃 后台回复“前端工具...

  • 【Day 1】HTML 与 CSS

    时间:2024-04-18 14:48:19

    1 前端 网站的工作流程: 首先我们需要通过浏览器访问发布到前端服务器中的前端程序,这时候前端程序会将前端代码返回给浏览器浏览器得到前端代码,此时浏览器会将前端代码进行解析,然后展示到浏览器的窗口中,这时候我们就看到了网站的页面但是此时这个页面是没有数据的,因为数据在我们的数据库中,所以我们浏览器需...

  • CSS中的ul与li样式详解

    时间:2024-04-18 12:56:23

    CSS中的ul与li样式详解ul和li列表是使用CSS布局页面时常用的元素。在CSS中,有专门控制列表表现的属性,常用的有list-style-type属性、list-style-image属性、list-style-position属性和list-style属性。一、list-style-type...

  • Ionic Css样式详解

    时间:2024-04-18 12:02:12

    Header是固定在屏幕顶部的组件。可以包含如标题和左右的功能按钮。Sub Header同样是固定在顶部,只是是在Header的下面,就算没有写Header这个,Sub Header这个样式也会距离顶部有一个Header的距离。如:1<ion-view> <ion-conte...

  • 部份css样式详解(附实际应用)

    时间:2024-04-18 11:53:58

    本文的所有实例均基于博客园的页面定制。所有表格内容来自W3CSchool。页面背景(background)博客开通之后,很多人最先做的事情一定是改页面的背景,换成一张图片或者换上一个自己喜欢的颜色,这时候用到的就是background属性。但是,在什么地方用呢?所有的html标签都支持这个属性。所以...

  • sencha touch list css(样式) 详解

    时间:2024-04-18 11:32:38

    /* *自定义列表页面 */ Ext.define('app.view.util.MyList', { alternateClassName: 'myList', extend: 'Ext.List', xtype: 'myList', requires: ['Ex...

  • 此博客使用的CSS样式详解!

    时间:2024-04-18 09:27:26

    此博客使用的CSS样式详解!页面使用的博客园模板为:LuxInteriorLight,可以在博客皮肤里找到。页首屏蔽广告代码<script>console.log("顶部标题栏屏蔽开始;");document.all.top_nav.style.display='none';consol...

  • 带你走进CSS定位详解

    时间:2024-04-18 07:37:05

    学习CSS相关知识,定位是其中的重点,也是难点之一,如果不了解css定位有时候都不知道怎么用,下面整理了一下关于定位属性的具体理解和应用方案。一:定位定位属性列表positiontopbottomrightleftz-indexposition基本语法:position:static | absol...

  • CSS文本单行溢出和多行溢出样式-二、多行溢出

    时间:2024-04-18 07:09:38

    1.代码 <!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>demo</title> <style> #di...

  • CSS选择器详解

    时间:2024-04-17 23:32:23

    选择器是CSS的核心,从最初的元素、class/id选择器,演进到伪元素、伪类,以及CSS3中提供的更丰富的选择器,定位页面上的任意元素开始变得愈发的简单。1、元素选择器这是最基本的CSS选择器,HTML文档中的元素本身就是一个选择器:p {line-height:1.5em; margin-bot...

  • CSS选择器详解(一)常用选择器

    时间:2024-04-17 23:25:02

    目录类型选择器类选择器ID选择器伪类伪元素类型选择器通过类型选择器可以选择某一类型的html标签,并对其使用样式。语法:selector {property1: value; property2:value; ...}示例:<html> <head> &l...

  • web前端学习(三)css学习笔记部分(4)-- CSS选择器详解

    时间:2024-04-17 23:05:34

    4.  元素选择器详解4.1  元素选择器4.2  选择器分组用英文逗号","相连,使用相同的样式表使用通配符对所有元素进行通用设定。4.3  类选择器详解4.3.1.  类选择器允许以一种独立于文档元素的方式来指定样式.class{}4.3.2.  结合元素选择器a.class{}(只指定a标签内...

  • 转--CSS选择器详解(一)常用选择器

    时间:2024-04-17 23:04:59

    今天复习一下CSS的知识,看了篇文章觉得很好,转来备用。转自:http://www.cnblogs.com/fattydoit/p/3492028.html目录类型选择器类选择器ID选择器伪类伪元素类型选择器通过类型选择器可以选择某一类型的html标签,并对其使用样式。语法:selector {pr...

  • CSS遮罩效果(模糊效果,阴影效果,毛玻璃效果)

    时间:2024-04-17 20:29:17

    一般遮罩   background : #000;在body标签的最后加上div标签作为遮罩,如下:<div class="mask"&g...