CSS主题的文章列表，还有CSS的技术要点_第119页

css选择器

一、css简介在学习css的前提，需要知道css的全称是什么？:CascadingStyleSheets。　　　css指的是折叠样式表，其组成结构为：样式表->规则-&g...

IT猿 ·2020-03-25

CSS中position:fixed的相关用法

CSS中的三大重点知识:1.float,浮动2.盒子模型3.position绝对定位今天主要写下position中fixed相关知识:position:static,relative,absolute,fixed今天写一个吸顶式菜单,当浏览器滚动条向下滑动时!菜单随着页面向下滑动!一开始以为用了absolute,这个大...

IT猿 ·2020-03-25

css3新特性学习系列 -- border

css3新特性border属性（border-radius、border-image、box-shadow）详解1、border-radius 圆角　　支持：IE9+　　用法：　　　　border-radius:25px25px25px25px　　　　有四个值，分别表示top-left、top-r...

IT猿 ·2020-03-25

css3--伪元素和伪类

1，定义　　W3C定义：伪元素伪类都可以向某些选择器设置特殊效果。（css2中定义）　　css3中的定义：　　　　1）.伪元素：在DOM树中创建了一些抽象元素（虚拟的容器）。由两个冒号::开头（css2中并没有区别），为了兼容性一般还是写一个冒号：。　　　　　　　　2）.伪类：　为了选择器找到那...

IT猿 ·2020-03-25

swiper.animate--css3翻页动画

基于swiper的animate动画，适用于Swiper2.x和Swiper3.x。1.使用SwiperAnimate需要先加载swiper.animate.min.js和animate.min.css。ViewCode2.初始化时隐藏元素并在需要的时刻开始动画。<script>varmySwiper=ne...

IT猿 ·2020-03-25

<css系列>之css--float总结

一、float的历史 float的设计初衷是实现文字环绕效果。如下图，对图片添加float,文字实现环绕效果。二、float特性 1、包裹性，表现：收缩、坚挺、隔绝。具有包裹性的属性：display:inline-b...

IT猿 ·2020-03-25

CSS

1、CSS简介CSS指层叠样式表(Cascading Style Sheets)样式定义如何显示 HTML元素样式通常存储在样式表中把样式添加到HTML4.0中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS文件中多个样式定义可层叠为一样...

ymnets ·2020-03-25

爬虫入门【11】Pyspider框架入门—使用HTML和CSS选择器下载小说

首先我们要安装好pyspider，可以参考上一篇文章。从一个web页面抓取信息的过程包括：1、找到页面上包含的URL信息，这个url包含我们想要的信息2、通过HTTP来获取页面内容3、从HTML中提取出信息来4、然后找到更多的URL，回到第2步继续执行~我推荐一部小说给大家《恶魔法则》。今天我们从网上将这部小说的内容按...

ymnets ·2020-03-25

CSS+DIV 设计一个简单的个人网页界面

1*{2margin:0px;3padding:0px;4}56body{7background:#e5e6d0;8}910#header,#menu,#banner,#main,#footer{11margin:0pxauto;12width:1200px;13}14#header{15height:100px;16...

ymnets ·2020-03-25

DIV+CSS制作二级横向弹出菜单，略简单

没有使用JavaScript控制二级菜单的显示，结果如上图所示。代码如下： 1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<title>纯DIV+CSS制作二级横向弹出菜单</title...

ymnets ·2020-03-25

CSS3属性transform详解

在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理，本文将对此做详细介绍。用法：transform:rotate(45deg);共一个参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作用是顺时针旋转45度。用法...

开发笔记 ·2020-03-24

CSS3中毛玻璃效果的使用方法

今天在使用icloud的时候看到苹果icloud官网的毛玻璃效果非常赞，仔细研究了一下它的实现方式，是使用js配合background-image:-webkit-canvas的形式绘制出的毛玻璃背景图片。不过今天又仔细研究了一下css3中的blur方法，可以实现同样的效果。且配合JS可以实现模糊缩放的效果CSS代码....

开发笔记 ·2020-03-20

CSS定位与布局

我们在编写网页代码时，首先应该做的就是设计好页面的布局形式，然后再往里面填充内容。网页布局的好与坏，直接决定了网页最终的展示效果。PC端常见的网页布局形式有两列布局、三列布局等。在CSS中，我们通常使用浮动(float)、定位(position)、显示模式(display)相关属性结合使用，以达到预期效果。 ...

开发笔记 ·2020-03-09