1.基本语法规范
p {color:#ff0000;background:#ffffff}
a.其中"p"称为"选择器"(selectors),指明我们要给"p"定义样式
b.样式声明写在大括号"{}"里
c.color和background称为属性。不同属性用";"隔开
d."#ff0000"和"#ffffff"为属性值
----------------------------------------------------------
2.定义字体
body{font-family:"Lucida Grande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;}
字体按照所列出的顺序选用,如果用户的计算机含有Lucida Grande字体,文档就被指定为Lucida Grande
-----------------------------------------------------------
3.群选择器
p,td,li{font-size:12px;}
当几个元素样式属性一样时,可以共同调用一个申明,元素之间用逗号隔开
-----------------------------------------------------------
4.派生选择器
li strong{font-style:italic; font-weight:normal;}
就是给li下面的子元素strong定义一个斜体不加粗的样式
---------------------------------------------------------
5.id选择器
先定义一个层<div id="menubar"></div>
然后在样式表里定义#menubar {MARGIN:0px;background:#fefefe;color:#666;}
其中"menubar"是你自己定义的id名称。注意在前面加"#"号。
id 选择器也支持派生,如#menubar p{text-align:right;margin-top:10px}
这个方法主要是用来定义层和那些比较复杂,有多个派生的元素
-----------------------------------------------------------
6.类别选择器
.name {color:#f60;font-size:14px;}
在页面中class="类别名"的方法调用:<span class="name">测试</span>
这个方法比较简单灵活,可以随时根据页面需要新建和删除
-----------------------------------------------------------
7.定义链接的样式
css中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a:active
比如:a:link{font-weight:bold;text-decoration:none;color:#c00}
a:visited{font-weight:bold;text-decoration:none;color:#c00}
a:hover{font-weight:bold;text-decoration:none;color:#c00}
a:active{font-weight:bold;text-decoration:none;color:#c00}
以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样
-----------------------------------------------------------

打个小广告:英语爱好者加群:102234283,里面很多老外,可以学学口语

android/ios爱好者加群: 308967142

webapp爱好者加群:339073325

这个app潮流公众帐号主要是推荐给手机用户最近最潮的软件,让大家随时跟上时尚。我们会提供给你们最好的服务,也可以在微信中搜索appchaojiu加入关注,喜欢我们就帮我们推荐吧!

css常用知识的更多相关文章

  1. css常用知识与用法

    1 类选择器就是再 某一个标签后面加上class  =“”     然后再到前面去定义这个class   一定要记住前面加. 2 id选择器和类选择器是差不多的   不过id选择器前面不加.而加#   ...

  2. 前端开发:css基础知识之盒模型以及浮动布局。

    前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西?  为什么这个浮动没有效果?  这个问题楼主已经回答了n遍.今天则是把 ...

  3. CSS基本知识和选择器

    一.CSS基本知识 内联式css样式,直接写在现有的HTML标签中 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p style="color:red ...

  4. css基本知识

    WANGJUN59451   css基本知识 1.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets),是一种用来表现 HTML 文档样式的语言,样式定义如何显示 HT ...

  5. CSS 基本知识

    1.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets),是一种用来表现 HTML 文档样式的语言,样式定义如何显示 HTML 元素,是能够真正做到网页表现与结构分离的 ...

  6. (转)第一天 XHTML CSS基础知识 文章出处:标准之路(http://www.aa25.cn/div_css/902.shtml)

    欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也 ...

  7. CSS基础知识之position

    最近在慕课网学习了 网页布局基础 和 固定层效果 ,都是由声音甜美的 婧享人生 老师所录制,视频详细讲解了CSS中position的用法,在此把学习笔记分享给大家. CSS定位机制 标准文档流(Nor ...

  8. <转载>Div+Css布局教程(-)CSS必备知识

    目录: 1.Div+Css布局教程(-)CSS必备知识 注:本教程要求对html和css有基础了解. 一.CSS布局属性 Width:设置对象的宽度(width:45px). Height:设置对象的 ...

  9. CSS基础知识01

    一.CSS基础知识介绍 1.css是cascading style sheet层叠式样式表的简写 2.css小用法 加粗:font-weight:bold;             正常用:norma ...

随机推荐

  1. MFC CString的L和_T

    这个问题困扰了很久,这个解释貌似好理解一些 L表示UNICODE串,比如wchar_t* str = L"yangsongx";_T在ANSI编译模式下表示ANSI串,在UNICO ...

  2. 40个最好的Tumblr主题

    如果安装了一款较好的Tumblr主题,你的Tumblr空间将焕然一新.然而找到一款合适的主题并不是一件容易的事,这正是本文中我整理那么多优质的Tumblr模板作为灵感的原因.其中有一些免费的Tumbl ...

  3. mysql 的 GROUP_CONCAT

    GROUP_CONCAT 通常跟 group by 一起用,但也可以不用.例:select GROUP_CONCAT(pct_id) as pct_ids from (select max(pct_i ...

  4. HDU1227:Fast Food

    题目链接:Fast Food 题意:一条直线上有n个饭店,问建造k个原料厂(仍旧在商店位置)得到的最小距离 分析:见代码 //一条直线上有n个饭店,问建造k个原料厂(仍旧在商店位置)得到的最小距离 / ...

  5. ASP.NET MVC - 发布网站

    原文地址:http://www.w3school.com.cn/aspnet/mvc_publish.asp 学习如何在不使用 Visual Web Developer 的情况下发布 MVC 应用程序 ...

  6. cocos2d-x 知识小结(1)zorder和tag

    <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...

  7. Android - 应用名称设置的问题

    今天我想修改我的android应用名称,就是手机桌面上图标下面的名称,根据我的理解我修改AndroidManifest.xml文件中application标签中的android:label=" ...

  8. How Tomcat Works(十六)

    本文接下来会介绍Host容器和Engine容器,在tomcat的实际部署中,总是会使用一个Host容器:本文介绍Host接口和Engine接口及其相关类 Host容器是org.apache.catal ...

  9. JAVA 开发实例 一 移动的小球

    package com.java.move; import java.awt.Color; import java.awt.Dimension; import java.awt.Graphics; i ...

  10. 关于刘冬大侠Spring.NET系列学习笔记3的一点勘正

    诚如他第22楼“只因渴求等待”提出的疑问一样,他的下面那一段代码是存在一点点问题的, XElement root = XElement.Load(fileName); var objects = fr ...