CSS starts

  I have not written any articles here since I graduated from my university. Now I begin to write down my experience about my career of programming during learning various technology of computer science. I confess I am not at good at english, but I still want to convey my feelings and spark related to computer science in english.

  There should be not any nonsense.

  When talking to CSS, I have not any knowledge about it, except knowing it used as a method about web design. I use it in my website only when I want to display the content in a good style. That is to say, I wish my web will not look so ugly. That‘s all.

  So, as a consequence, the way I ‘design‘ my web is just to imitate others‘ web and somethimes even copy. It‘s easy, and looks good. But that is not the purpose of CSS coming out. And the bad result is that each element of html laied out spends much of my time, with a terrific style and terrible extension.  You may have not ever seen a html that fill with div element and span. Each html element is used just because that guy also use it. Year, there is no other reason. It is ugly.

  In the popular book of css design, named "the Zen of CSS design", I find many new ideas and viewpoints that change my mind about css. To have a wonderful web, it‘s not a good idea to copy others‘s css source code, instead employing html elements that you really need and suit your content. The author tells that when you construct your html frame, make sure each tool just do their job instead of putted in a wrong position. That is to say, a html is responsible for content displaied and css concentrate on style of a html. this is the core viewpoint of the author. It‘s a common sense that html tags do some job of css. It makes designer baffling and not good at web design. CSS should undertake the style display work from html tags.

  Though div and span tags play a important role in web design, designers will counter chaos if they use excess div and span tags . In the book, the author suggest designers should use html tags as less as possible . When designers want to show a image , the book recommend them to use background attribute instead of img tag.

  In the book, I learn a skill to put a element in the center of a page. That is useful as we often have to use the skill. Details will be found in that book.

 

CSS starts,布布扣,bubuko.com

时间: 2024-10-11 16:02:25

CSS starts的相关文章

[CSS] Animating SVG

<!DOCTYPE> <html lang='en'> <head> <meta charset='utf-8'> <title>Cosplay Happenings</title> <link href='level4.css' rel='stylesheet' type='text/css'> </head> <body> <!-- Nav --> <nav class='na

HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript

HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript Though it's not widely known, you can write native-feeling iOS apps for the iPhone and iPad in JavaScript (+ HTML and CSS). In this article, I'll explain how to: stri

CSS Selectors

Table of Contents Universal Selector Element Selector Class Selector ID Selector Attribute Selector Attribute Equals Attribute Begins With Attribute Begins With Language Code Attribute Ends With Attribute Contains Attribute Contains Word Group Select

CSS笔记 from MDN

以下内容均来自MDN,仅作为笔记参考使用: https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals Nested statements are a specific subset of at-rule, the syntax of which is a nested block of CSS rules that will only be applied to the document if a s

JS/CSS缓存杀手——VS插件

背景 前些天去考科目二,感觉经历了一场不是高考却胜似高考的考试(10年前的5分之差, 还是难以释怀)!    一行八人,就我学的时间最少(4天,8人一辆车),教练都觉得我肯定还得再来一次! 靠着运气和信念,惊险的通过了侧方停车和倒车入库,终于还是抚慰了一下10年前那颗年轻的心!  ----------感慨完毕,回归主题---------- 终于修改完了客户提交的bugs,发布.更新.测试.邮件通知,悠哉悠哉的浏览博客园...然后客户来了... 客户:我提的需求怎么都没修改,这个按钮颜色也没变,点

一个酷炫的,基于HTML5,Jquery和Css的全屏焦点图特效,兼容各种浏览器

基于HTML5和CSS的焦点图特效,梅花图案的背景很有中国特色,而且还会动哦,效果超炫,推荐下载! 演示图 html代码 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/199

CSS进阶( Leveling up in CSS)

原文[:Leveling up in CSS] CSS seems easy at first. After all, it's just styling, right? But, give it time. Soon, CSS will show you the true depths of its complexity. There are four things you can do to stay sane while using CSS at scale: use proper sem

jquery + css 特效 之 一款基于jQuery/CSS3实现拼图效果的相册

今天我们要来分享一款很酷的jQuery相册插件,首先相册中的图片会以一定的角度倾斜放置在页面上,点击图片缩略图就可以展开图片,并且图片是由所有缩略图拼接而成,图片展开和收拢的动画效果也非常不错.当然图片倾斜需要CSS3支持.效果图如下: 本章主要参照了如下文章进行学习 jquery:http://www.itmmd.com/tag/jquery.html jQuery教程(31)-jQuery插件开发之全局函数插件 jQuery教程(30)-jQuery插件开发之自定义选择符 jQuery教程(

css中的流,元素,基本尺寸

流 元素 基本尺寸 流之所以影响整个css世界,是因为它影响了css世界的基石 --HTML HTML 常见的标签有虽然标签种类繁多,但通常我们就把它们分为两类: 块级元素(block-level element)和内联元素(inline element). 1.块级元素 1.1 概念相关 "块级元素"对应的英文是 block-level element,常见的块级元素有 div,li,table等. 块级元素和 display:block 不是一个概念 例如块级元素 li 和 tab