css 代码编写技巧

1.  CSS中,子元素自动继承父元素的属性值,象颜色、

字体等,已经在父元素中定义过的,在子元素中可以直接继承,不需要重复定义。

2.  一个标签可以同时定义多个class。例如:我们先定义两个样式,

第一个样式背景为#666;第二个样式有10px的边框。

3.  当你写给一个元素定义class或者id,你可以省略前面的元素限定,

因为ID在一个页面里是唯一的,而class可以在页面中多次使用

时间: 2024-10-07 12:23:42

css 代码编写技巧的相关文章

14条最佳JS代码编写技巧

http://gaohaixian.blog.163.com/blog/static/123260105201142645458315/写任何编程代码,不同的开发者都会有不同的见解.但参考一下总是好的,下面是来自Javascript Toolbox发布的14条最佳JS代码编写技巧,Sofish翻译(1,2). 1. 总是使用 ‘var’ 在javascript中,变量不是全局范围的就是函数范围的,使用”var”关键词将是保持变量简洁明了的关键.当声明一个或者是全局或者是函数级(function-

高效的jQuery代码编写技巧大盘点

jQuery在Web前端开发中至关重要,好的jQuery代码会带来速度的提升,快速渲染和响应意味着更好的用户体验. 开发者在脑子的意识:jQuery就是javascript.这意味着我们应该采取相同的编码惯例,风格指南和最佳实践. 当你准备使用jQuery,我强烈建议你遵循下面这些指南: 缓存变量 DOM遍历是昂贵的,所以尽量将会重用的元素缓存. // 糟糕 h = $('#element').height();$('#element').css('height',h-20); // 建议 $e

Qt CS架构 客户端代码编写技巧 QTcpSocket

QT网络编程解说 QTcpSocket网络编程细节 QT网络编程解说 很多人在编写网络代码的时候,客户端代码编写的功能总不能胜任所需要的功能能力,现在我将编写网络代码所需要遵循的规范输出出来,帮助别的人梳理对网络的认识. 连接网络和服务器通信的过程:连接,断开属于开关的时间.中途所有的数据消息都遵循如下过程: 打包数据, 打包消息, 发送消息, 接收消息, 解包消息, 解包数据. 应用对数据进行发送前和接收后的处理. QTcpSocket网络编程细节 qteclientmessage负责将服务器

高效的jQuery代码编写技巧总结

缓存变量 DOM遍历是昂贵的,所以尽量将会重用的元素缓存. // 糟糕 h = $('#element').height(); $('#element').css('height',h-20); // 建议 $element = $('#element'); h = $element.height(); $element.css('height',h-20); 避免全局变量 jQuery与javascript一样,一般来说,最好确保你的变量在函数作用域内. // 糟糕 $element = $(

T语言代码编写技巧

控件事件 控件 控件是对数据和方法的封装.控件可以有自己的属性和方法.属性是控件数据的简单访问者.方法则是控件 的一些简单而可见的功能. 概述 1.控件应用 使用现成的控件来开发应用程序时,控件工作在两种模式下:设计时态和运行时态. 在设计时态下,控件显示在开发环境下的一个窗体中.设计时态下控件的方法不能被调用,控件不能与最终用户直接进行交互操作,也不需要实现控件的全部功能. 在 运行状态下,控件工作在一个确实已经运行的应用程序中.控件必须正确地将自身表示出来,它需要对方法的调用进行处理并实现与

用CSS代码编写简易轮播图

废话不多说,直接上代码 <!doctype html> <html> <head> <title></title> <meta charset="utf-8" /> <style type="text/css"> .container{ width: 1000px; height: 500px; margin: 50px auto; overflow: hidden; backgro

标准的CSS代码编写习惯:两列左导航设计,顶

/***********************************************//* 2col_leftNav.css                            *//* Use with template 2col_leftNav.html          *//***********************************************//***********************************************//* H

Emmet:HTML/CSS代码快速编写技巧

一.Emmet简介 Emmet的前身是Zen Coding,它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,由两个核心组件组成:一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器. 二.快速编写HTML代码 1.初始化 HTML文档需要包含一些固定的标签,比如<html>,<head>,<body>等,利用Emmet可以1秒钟就可以完成这些标签的输入. 比如:输入“!”或“html:5”,然后按Tab键,就能生

sublime text3---Emmet:HTML/CSS代码快速编写神器

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示:  Zen coding下的编码演示 一.快速编写HTML代码 1.  初始化 HTML文档需要包含一些固定的标签,比如<html>.<head>.<body>等,现在你只需要1秒钟就可以输入这些标签.比如输入"!"或"html:5",