css3学习之旅-css的基本语法（1）
后面就将要介绍css的全面语法：
1.css介绍
2.css基本语法
3.css高级语法
4.css派生选择器
5.css的id选择器
6.css类选择器
7.css属性选择器
！！！！！css介绍
css是层叠样式表，极大地提高了效率
！！！！！！css的基本语法
selector{
property：value
}
1.属性大于一个后，要用分号分开 eg：h1{color:red;font-size:14px}
2. 如果属性值大于一个单词，要用“”包围。eg：p{font_family:”sans serif”}
！！！！！css高级语法
1.选择器分组：h1,h2,h3,h4,h5,h6{color:red}
2.继承：body{color:green} ，如果在body定义了样式，body里面的元素如果没有声明样式，会继承body的属性
!!!!代码实例 ，index代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html5样式</title>
<link href="MyCss.css" type="text/css" rel="stylesheet">
</head>
<body>
<h1>这是一个样式</h1>
<a href="http://www.baidu.com">百度一下</a>
<h2>这是标题2样式</h2>
<h3>这是H3样式</h3>
</body>
</html>css代码
h1,h2,a{
color: blue;
}！！！@！效果图
继承实例，index代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html5样式</title>
<link href="MyCss.css" type="text/css" rel="stylesheet">
</head>
<body>
<h1>这是一个样式</h1>
<a href="http://www.baidu.com">百度一下</a>
<h2>这是标题2样式</h2>
<h3>这是H3样式</h3>
<p>这是一个段落</p>
</body>
</html>css代码
h1,h2,a{
color: blue;
}
body{
color:red;
}
p{
color:chartreuse;
}！！！效果图
css3学习之旅-css的基本语法（1）的更多相关文章
- CSS3学习笔记(2)-CSS盒子模型
p{ font-size: 15px; text-indent: 2em; } .alexrootdiv>div{ background: #eeeeee; border: 1px solid ...
- 【css学习整理】css基础(样式,语法,选择器)
CSS是什么? cascading 层叠样式表 sheet 样式文件 style 外观个性化 CSS语法? 声明方法: 选择器(属性: 值; 属性: 值) 选择器: 通过名称制定对哪些标签进行样式设置 ...
- web开发学习之旅---css第一天
一.css全称 Cascade Style Sheet层叠样式表 二.css引入方式 行内样式:<h2 style="color:#0F0">Hello World&l ...
- Css的学习之旅-css的选择器（2）
1.最常用的是派生选择器:eg:ul li{ color:red} 2.id选择器:eg:#id{color:red} 3.类选择器:设置标签的class = "",类似id.用点 ...
- CSS3学习笔记(3)-CSS3边框
p{ font-size: 15px; } .alexrootdiv>div{ background: #eeeeee; border: 1px solid #aaa; width: 99%; ...
- css和css3学习
css和css3学习 css布局理解 css颜色大全 样式的层叠和继承 css ::before和::after伪元素的用法 中文字体font-family常用列表 cursor属性 css选择器 F ...
- 【学】React的学习之旅1
React的学习之旅1 单标签要有斜杠代表结束 用React.createClass()方法时,赋值后的组件名称首字母一定要大写 一定要先定义组件,再用ReactDOM.render调用 组件里ren ...
- Java web 学习之旅
java web学习之旅 来公司十天了,感觉已经慢慢地融入了这个环境中,几个学长人都很好,都是在他们帮助下,我才能比较顺利的开始了学习java web的旅途. 来这里学习的第一个阶段是做一个简单的用户 ...
- WCF学习之旅—实现支持REST客户端应用（二十四）
WCF学习之旅—实现REST服务(二十二) WCF学习之旅—实现支持REST服务端应用(二十三) 在上二篇文章中简单介绍了一下RestFul与WCF支持RestFul所提供的方法,及创建一个支持RES ...
随机推荐
- RHEL Linux常用指令
查询已安装软件包 rpm -qa|grep * 安装软件 rpm -ivh * 查询Linux版本 uname -a lsb_release -a cat /etc/redhat-release ca ...
- ACM Curling 2.0
在行星MM-21上,今年奥运会之后,冰壶(curling)越来越受欢迎. 但规则与我们有所不同. 该游戏是在冰盘上进行的,在冰棋盘上标有方形网格.他们只用一块石头. 游戏的目的是以最少的动作( th ...
- 全新 Kali Linux 系统安装指南
Kali Linux 系统可以说是在安全测试方面最好的开箱即用的 Linux 发行版.Kali 下的很多工具软件都可以安装在大多数的 Linux 发行版中,Offensive Security 团队在 ...
- Docker 工具和示例
pipework Jérôme Petazzoni 编写了一个叫 pipework 的 shell 脚本,可以帮助用户在比较复杂的场景中完成容器的连接. playground Brandon Rhod ...
- C++格式化输出浮点数
主要内容 介绍C++中如何格式化输出浮点数. 控制浮点数输出格式需要包含iomanip头文件. 使用fixed来控制输出的浮点数的小数位是固定的.可参考http://en.cppreference.c ...
- 本人正竞选CSDN博客之星，欢迎各位来访的朋友能为我投上一票
投票网址:http://blog.csdn.net/vote/candidate.html?username=morixinguan&from=timeline 谢谢各位!
- 剑指Offer——知识点储备-数据库基础
剑指Offer--知识点储备-数据库基础 数据库 事务 事务的四个特性(ACID): 原子性(Atomicity).一致性(Consistency).隔离性(Isolation).持久性(Dura ...
- Spring常用配置(二)
OK,上篇博客我们介绍了Spring中一些常见的配置,上篇博客中介绍到的都是非常常见的注解,但是在Spring框架中,常见的注解除了上篇博客提到的之外,还有许多其他的注解,只不过这些注解相对于上文提到 ...
- 【安卓开发】Android系统中Parcelable和Serializable的区别
http://greenrobot.me/devpost/android-parcelable-serializable/ 进行Android开发的时候,我们都知道不能将对象的引用传给Activiti ...
- MPAndroidChart——饼图
MPAndroidChart--饼图 MPAndroidChart是安卓下的一个开源图形库,很多效果,简单看几个效果图 Github地址:https://github.com/PhilJay/MPAn ...