内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

当前分类:

> 网页设计 > div+css >

  • 详解CSS常见的五大布局12月26日

    本文概要 本文将介绍如下几种常见的布局: 一、单列布局 常见的单列布局有两种: header,content 和 footer 等宽的单列布局 header 与 footer 等宽,content 略窄的单列布局 1.如何实现 对于第一种,先通过对 header,content,footer 统一设置 width:1000px;

    Tags:CSS
  • CSS font-feature-settings 50+关键字属性值完整介绍12月10日

    一、过去介绍的几个font相关CSS属性 之前有介绍过几个font相关的CSS属性, font-kerning , font-smoothing 以及 font-variant ,文章链接为: 了解CSS属性font-kerning,font-smoothing,font-variant https://www.zhangxinxu.com/wordpress/?p=5974 。 本文

    Tags:CSS
  • CSS前景背景自动配色技术简介11月19日

    一、颜色匹配效果预览 如下GIF示意,当我们按钮背景色逐渐变淡的时候,文字颜色也从原来的白色变成黑色了,同时边框也显示出来了,其中的配色转换是纯CSS实现的。 拖动R,G,B对应滑块,可以看到按钮文字颜色以及边框颜色,会自动根据背景色不同而发生变化。

    Tags:CSS
  • CSS是怎么运作的10月20日

    CSS 全称 Cascading Style Sheets,网页内容(HTML)会被浏览器转换为 DOM(Document Object Model)以供显示,而 CSS 就是作用在 DOM 上以改变它们的样式、布局或行为等。对于前端工程师来说,这是很常见的基本操作了,但是对其他不常敲网页代码的程序员来

    Tags:CSS
  • Flexbox布局的最简单表单10月18日

    弹性布局(Flexbox)逐渐流行,越来越多人使用,因为它写 CSS 布局真是太方便了。 三年前,我写过 Flexbox 的介绍(上,下),但是有些地方写得不清楚。今天,我看到一篇 教程 ,才意识到一个最简单的表单,就可以解释 Flexbox,而且内容还很实用。 下面,你

    Tags:Flexbox
  • Django组件:forms组件10月06日

    一,forms组件: 校验字段功能 针对一个实例:注册用户讲解。 模型:models.py class UserInfo(models.Model): name=models.CharField(max_length=32) pwd=models.CharField(max_length=32) email=models.EmailField() tel=models.CharField(max_length=32)

    Tags:Djangoforms
  • CSS魔法堂:改变单选框颜色就这么吹毛求疵!10月06日

    前言 是否曾经被业务提出能改改这个单选框的颜色吧!让它和主题颜色搭配一下吧!,然后苦于原生不支持换颜色,最后被迫自己手撸一个凑合使用。若抛开 input[type=radio] 重新开发一个,发现要模拟选中、未选中、不可用等状态很繁琐,而涉及单选框组就更烦人

    Tags:CSS
  • 编写灵活、稳定、高质量的前端代码的规范10月06日

    虽然现在前端很多都已经成为SPA(单页面应用)开发,或许连渲染的html都是自动生成的.但是归根结底,还是html和css,必要时候我们还是需要好好了解这些基础的开发规范 当然这都是基础性的规范,和公司规范的并不冲突.你也可以当作课外知识阅读~ 一、唯一定律 无论

    Tags:HTML5CSS
  • 用纯CSS改变html radio/checkbox默认背景颜色样式10月06日

    checkbox/ radoi默认不支持更改背景颜色,这里可以使用伪类来实现。基本原理是利用after/ before插入新的元素。然后利用新元素的背景颜色或背景图片覆盖掉原来的样式。 CSS代码: input[type=checkbox] { margin-right: 5px; cursor: pointer; font-size: 14

    Tags:CSShtml
  • CSS文件的三种引入方式09月27日

    CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。 一、行内样式 使用style属性引入CSS样式。 示例: h1 style=color:red;style属性的应用/h1 p style=font-size:14px;color:green;直接在HTML标签中设置的样式/p 实际在写页面时不提倡使用,在测试

    Tags:CSS
  • 边框攻略:纯CSS渐变虚框、边框滚动动画08月30日

    一、渐变虚线边框的实现 前段时间,有位小伙伴在微博上问了我这么一个虚线边框如何实现渐变效果的问题: 如果对边框的样式细节不是很在意,则可以借助反向镂空的方法实现,也就是虚线原本实色的地方和周围颜色融为一体,看上去透明,而原来虚框透明的部分透

    Tags:CSS边框
  • CSS魔法堂:稍稍深入伪类选择器08月29日

    前言 过去零零星星地了解和使用 :link 、 ::after 和 content 等伪类、伪元素选择器,最近看书时发现这方面有所欠缺,于是决定稍微深入学习一下,以下为伪类部分的整理。 伪类 伪类选择器实质上是让设计师可以根据元素特定的状态,设置不同的视觉效果。具体

    Tags:CSS伪类选择器
  • 使用纯CSS制作四子连珠游戏08月29日

    序言:你有没有想过单纯使用 CSS 也可以制作一款游戏?甚至可以双人对决?这是一篇非常有趣的文章,作者详细讲解了使用纯 CSS 制作四子连珠游戏的思路以及使用奇淫巧技解决困难问题的方法。因为案例本身比较复杂,而本人水平有限,翻译必有不恰当之处,望指

    Tags:CSS
  • 开发“todolist”项目及其自己的感悟08月29日

    一,项目题目: 实现todolist项目 该项目主要可以练习js操控dom事件,事件触发之间的逻辑关系,以及如何写入缓存,获取缓存 、 固定。 二,todolist简介 ToDoList是一款非常优秀的任务管理软件,用户可以用它方便地组织和安排计划。该软件短小精悍,仅有一个

    Tags:todolist
  • css笔记:transition学习笔记(2)08月29日

    开始把7,8月份学的css整理一下 transition过渡 1. CSS transition transition过渡:用于当元素 从一种样式变换为另一种样式 时为元素添加效果。 2. transition的各项子属性详细值 name value 是否必须 备注 transition-property 需要应用过渡效果的CSS 属性

    Tags:transitioncss
  • 带箭头和圆点的轮播08月29日

    功能:图片轮播,当鼠标移入图片、圆点和方向键时,停止轮播,移除恢复。 1.首先建立div,并放入图片 css代码#wai{width:300px;height: 300px;border: 1px solid red;}img{width: 100%;height: 100%;display: none;}html代码div id=wai onmouseover=qing() o

    Tags:CSS
  • web框架开发:分页器(Paginator)08月29日

    Django有自带的分页器,可以将数据分在不同的页面中,并提供一些属性和方法实现对分页数据的操作。分页功能的类位于django/core/paginator.py中。 常用方法 # 分页器 # paginator分页器对象(obj,每页条数) paginator = Paginator(book_list, 3) #########

    Tags:Paginator分页器
  • 浅谈H5前端性能测试实践08月29日

    H5 页面发版灵活,轻量,又具有跨平台的特性,在业务上有很多应用场景。但是同时对比 App,H5 的性能表现总是要逊色一筹,比如页面打开往往会出现白屏,滑动列表等交互场景下也不如 Native 页面流畅。针对这些白屏、卡慢之类的问题,我们测试该从哪些方面去

    Tags:性能测试CSS
  • CSS变量(自定义属性)实践指南08月29日

    Sass和Less这样的预处理器,让我们的CSS代码保持良好的结构和可维护性。像变量、混合(mixins)、循环控制等特性,增强了动态编写CSS的能力,从而减少重复代码,也加快了我们开发速度。 近年来,一些动态特性开始作为规范的一部分,出现在CSS语言中。CSS变量(C

    Tags:CSS
  • CSS的空格处理07月31日

    一、空格规则 HTML 代码的空格通常会被浏览器忽略。 phelloworld/p 上面是一行 HTML 代码,文字的前部、内部和后部各有两个空格。为了便于识别,这里使用半圆形符号 表示空格。 浏览器的输出结果如下。 hello world 可以看到,文字的前部和后部的空格都会忽

    Tags:CSS

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号