css常用知识
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常用知识的更多相关文章
- css常用知识与用法
1 类选择器就是再 某一个标签后面加上class =“” 然后再到前面去定义这个class 一定要记住前面加. 2 id选择器和类选择器是差不多的 不过id选择器前面不加.而加# ...
- 前端开发:css基础知识之盒模型以及浮动布局。
前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西? 为什么这个浮动没有效果? 这个问题楼主已经回答了n遍.今天则是把 ...
- CSS基本知识和选择器
一.CSS基本知识 内联式css样式,直接写在现有的HTML标签中 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p style="color:red ...
- css基本知识
WANGJUN59451 css基本知识 1.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets),是一种用来表现 HTML 文档样式的语言,样式定义如何显示 HT ...
- CSS 基本知识
1.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets),是一种用来表现 HTML 文档样式的语言,样式定义如何显示 HTML 元素,是能够真正做到网页表现与结构分离的 ...
- (转)第一天 XHTML CSS基础知识 文章出处:标准之路(http://www.aa25.cn/div_css/902.shtml)
欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也 ...
- CSS基础知识之position
最近在慕课网学习了 网页布局基础 和 固定层效果 ,都是由声音甜美的 婧享人生 老师所录制,视频详细讲解了CSS中position的用法,在此把学习笔记分享给大家. CSS定位机制 标准文档流(Nor ...
- <转载>Div+Css布局教程(-)CSS必备知识
目录: 1.Div+Css布局教程(-)CSS必备知识 注:本教程要求对html和css有基础了解. 一.CSS布局属性 Width:设置对象的宽度(width:45px). Height:设置对象的 ...
- CSS基础知识01
一.CSS基础知识介绍 1.css是cascading style sheet层叠式样式表的简写 2.css小用法 加粗:font-weight:bold; 正常用:norma ...
随机推荐
- MFC CString的L和_T
这个问题困扰了很久,这个解释貌似好理解一些 L表示UNICODE串,比如wchar_t* str = L"yangsongx";_T在ANSI编译模式下表示ANSI串,在UNICO ...
- 40个最好的Tumblr主题
如果安装了一款较好的Tumblr主题,你的Tumblr空间将焕然一新.然而找到一款合适的主题并不是一件容易的事,这正是本文中我整理那么多优质的Tumblr模板作为灵感的原因.其中有一些免费的Tumbl ...
- mysql 的 GROUP_CONCAT
GROUP_CONCAT 通常跟 group by 一起用,但也可以不用.例:select GROUP_CONCAT(pct_id) as pct_ids from (select max(pct_i ...
- HDU1227:Fast Food
题目链接:Fast Food 题意:一条直线上有n个饭店,问建造k个原料厂(仍旧在商店位置)得到的最小距离 分析:见代码 //一条直线上有n个饭店,问建造k个原料厂(仍旧在商店位置)得到的最小距离 / ...
- ASP.NET MVC - 发布网站
原文地址:http://www.w3school.com.cn/aspnet/mvc_publish.asp 学习如何在不使用 Visual Web Developer 的情况下发布 MVC 应用程序 ...
- cocos2d-x 知识小结(1)zorder和tag
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...
- Android - 应用名称设置的问题
今天我想修改我的android应用名称,就是手机桌面上图标下面的名称,根据我的理解我修改AndroidManifest.xml文件中application标签中的android:label=" ...
- How Tomcat Works(十六)
本文接下来会介绍Host容器和Engine容器,在tomcat的实际部署中,总是会使用一个Host容器:本文介绍Host接口和Engine接口及其相关类 Host容器是org.apache.catal ...
- JAVA 开发实例 一 移动的小球
package com.java.move; import java.awt.Color; import java.awt.Dimension; import java.awt.Graphics; i ...
- 关于刘冬大侠Spring.NET系列学习笔记3的一点勘正
诚如他第22楼“只因渴求等待”提出的疑问一样,他的下面那一段代码是存在一点点问题的, XElement root = XElement.Load(fileName); var objects = fr ...