轩枫阁

首页 / Web前端 / CSS (第8页)

css3绘制各种图形效果

如何使用CSS来制作图形,比如说圆形,半圆形,三角形等。今天我特意在网上查阅了一下,介绍这样的教程还是蛮多的,因此我也决定整理一份相关教程出来与大家一起分享。

如何工作?

很少会有人意识到,当浏览器绘制的border,会有一个角度的问题。我们就是得用这样的一个技巧来制作三角的效果。我们只需要保证一边的边框是有色,其他边框色为透明色,这样我们就很容易制作出三角形,然后改变其大小来实现不同的效果。我们一起来看一段代码:

38cf8268b9106c83551ef101f651c80c

查看全文

2013/06 09  周日

内联元素与块级元素

做个全面的总结,之前做面试的时候,有些标签有点混淆,确实挺多的,下面详细介绍下内联元素与块级元素:

block(块)元素的特点:

①总是在新行上开始;

②高度,行高以及外边距和内边距都可控制;

③宽度缺省是它的容器的100%,除非设定一个宽度。

④它可以容纳内联元素和其他块元素

inline元素的特点:

①和其他元素都在一行上;

②高,行高及外边距和内边距不可改变;

③宽度就是它的文字或图片的宽度,不可改变 查看全文

2013/05 16  周四

CSS关于细节的大美集

细节一

一、当文字与图片在一行,需要将文字与图片底对齐,需要这样写

二、当文字与图片在一行,需要将文字与图片居中对齐,需要这样写

三、更改IE“查看源代码”菜单打开的编辑器

打开注册表编辑器,在开始-运行中输入regedit

找到以下位置: HKEY_LOCAL_MACHINE"SOFTWARE"Microsoft"Internet Explorer"View SourceEditor"Editor Name"修改默认的数据

"D:"Program Files"EmEditor"EmEditor.exe"

切换到IE中查看源代码就可以看到效果了。

如果View Source Editor"Editor Name项没有,可以自己新建。 查看全文

2013/05 13  周一

JS、CSS命名规范

javascript 命名规则之变量匈牙利命名法

匈牙利命名法语法:变量名=类型+对象描述

  • 类型指变量的类型
  • 对象描述指对象名字全称或名字的一部分,要求有明确含义,命名要容易记忆容易理解。

提示: 虽然JavaScript变量表面上没有类型,但是JavaScript内部还是会为变量赋予相应的类型。

提示: 匈牙利命名法是一位微软程序员发明的,多数的C,C++程序都使用此命名法。 查看全文

2013/05 04  周六

CSS架构

前言

对于许多web开发者,认为擅长css就是能把一个视觉设计图用代码完美的复现出来。你不使用table,而且很自信,自己可以使用尽可能少的图片。如果你确实很棒,就会使用最新最伟大的技术例如Media QueriesTtransformTransition。一个好的css开发人员确实是会这些,但是很少在评估一个人的水平时会将css作为完全独立的一面被提及。

有趣的是,我们通常不这样评判其他语言。一个Rails开发者不会因为他写的代码规范就认为他是一个好的开发者。因为这是最基本的。当然它必须是满足规范,除此以外还要考虑其他方面:代码是否有可读性?他是否容易修改或是拓展?他是否跟程序的其他部分解耦合?他是否可以扩展?

当评估代码其他部分时这些问题是自然的,所以css也不应该例外。如今的web应用程序比以往大很多,一个考虑不周的css架构足以阻碍web程序的发展。是时候像评价应用程序其他部分一样的方式评价css。他不是一个事后的产生的想法或不仅仅是设计师的问题。 查看全文

2013/02 28  周四

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子