开始学习css
今天开始学习css；应用一本《HTML5与CSS3网页设计基础》
先学习css样式规则声明。
Body{ color:blue}
对应：选择符：{声明属性：声明值}；
Background-color：属性
Body{ Background-color：yellow}
配置元素背景颜色css属性是Background-color：，颜色是黄色
Color属性
Body{ color：red}
配置文本颜色css属性是color，颜色是红色。
配置背景颜色也文本颜色
Body{ Background-color：yellow color：red }
注意:css语法允许通过多种方式配置颜色：
l 十六进制颜色值
l 十六进制短颜色值
l 十进制颜色值（RGB三元组）
l Css3新增的HSL
配置css方式有四种:内联，嵌入，外部和导入。
Style属性
<h1 style=“color：#cc0000”>
如果属性不止一个，用；分割开。
<h1 style=“color：#cc0000 Background-color：yellow”>
将全局body标记配置成白底绿字。这种样式也会被其他元素继承
<Body style=“Background-color：yellow color：#cc0000”>
h1元素配置成绿底白字。将覆盖body元素的全局样式。
<h1 style=”background-color:#008080; color:#F5F5F5;”>
内联样式并不常用。它的效率并不高，并且会给网页带来额外的代码。不便于维护。
配置嵌入的css
嵌入样式将于与整个文档，这些样式将要放在head部分的<style>中，以<style>开始，以</style>结束。
代码为
<head>
<style>
Body{
Background-color:#CCFFFF;
Color:#000033;
</style>
</head>
}
嵌入的css样式可以用于h1，h2，div，p,ul，ol，li，等元素
在head中配置body，h1，h2
<style>
Body{background-color:#E6E6F6;color:#191970;}
h1{background-color:#E6E6F6;color:#191970;}
h2{background-color:#E6E6F6;color:#191970;}
配置外部css
当css位于网页文档内部时，css的灵活性与强大才真正显露无遗。
外部样式是包含css样式规则的文本文件，使用. Css拓展名。通过link相关联。因此，多个网页可以共同关联同一个. Css文件。
Link元素
Rel属性值是“stylesheet”
Href属性值是“.css”文件名
Type属性值是“text/css”
例如在head中加入一下代码，将网页和外部样式表与color.css关联。
<link rel=”stylesheet” href=””color.css”>
开始学习css的更多相关文章
- 学习 CSS 样式
1.CSS浮动 : http://www.cnblogs.com/zhongxinWang/archive/2013/03/27/2984764.html (1)一个重要结论: ...
- css知多少（2）——学习css的思路
两周之前写过该系列的第一篇,其实当时只是一个想法,这段时间迟迟未更新,是在思考一个解决过程.现在初有成效,就开更吧. 1． 一个段子 开题不必太严肃,写博客也不像写书,像聊天似的写东西是最好的表达方式 ...
- HTML+CSS学习笔记 (6) - 开始学习CSS
HTML+CSS学习笔记 (6) - 开始学习CSS 认识CSS样式 CSS全称为"层叠样式表 (Cascading Style Sheets)",它主要是用于定义HTML内容在浏 ...
- 如何深入学习CSS
学习CSS有了一定基础后,有的人会觉得好象没有什么学的．因为知道一些基本的理论性的东西．CSS说它容易是因为它的知识点有限．说它难学就在于各浏览器对CSS的支持程度不同．如何深入学习我给出以下几点见意 ...
- 【图片版】学习CSS网格布局
简言 CSS网格布局(Grid)是一套二维的页面布局系统,它的出现将完全颠覆页面布局的传统方式.传统的CSS页面布局 一直不够理想.包括table布局.浮动.定位及内联块等方式,从本质上都是Hack的 ...
- 学习CSS的思路（转）
两周之前写过该系列的第一篇,其实当时只是一个想法,这段时间迟迟未更新,是在思考一个解决过程.现在初有成效,就开更吧. 1． 一个段子 开题不必太严肃,写博客也不像写书,像聊天似的写东西是最好的表达方式 ...
- 《学习CSS布局》学习笔记
近几天做了一个小的企业展示网站.虽然页面是在模板的基础上改的,但改的多了不熟悉CSS也很麻烦.正好我看到了学习CSS布局这个网站,于是补习了一下CSS知识. CSS的显示 CSS的元素分为两类:块级元 ...
- 学习css盒子模型
在这一周,我学习了css,在没有学习css之前,我一直都觉得布局很难,样式特别难调,但是学习了css盒子模型之后我就觉得欸,其实还挺简单的,下面就来看看我学习的css吧. CSS 盒子模型(Box M ...
- 学习css常用基本层级伪类属性选择器
常见的css选择器包含:常用选择器.基本选择器.层级选择器.伪类选择器.属性选择器,其中常用选择器分为:1.html选择符*{}//给页面上所有的标签设置模式:2.类选择符.hcls{}//给clas ...
随机推荐
- Spring入门（3）-Spring命名空间与Bean作用域
Spring入门(3)-Spring命名空间与Bean作用域 这篇文章主要介绍Spring的命名空间和Bean作用域 0. 目录 Spring命名空间 Bean作用域 1. Spring命名空间 在前 ...
- 如何解决paramiko执行与否的问题
使用paramiko执行一些耗时比较长的命令的时候会出现实际上命令没有执行完就跳出的问题,怎么才能准确的判断命令执行完与否很重要,通过试验发现如下的方法可以解决这个难题: dabao_cmd = 'e ...
- UVa 10900 So you want to be a 2n-aire? （概率DP，数学）
题意:一 个答题赢奖金的问题,玩家初始的金额为1,给出n,表示有n道题目,t表示说答对一道题目的概率在t到1之间,每次面对一道题,可以选择结束游戏, 获得当 前奖金:回答下一道问题,答对的概率p在t到 ...
- System.getProperties()对应的key/value列表
Key Meaning ——————- —————————— "file.separator" File separa ...
- 怎么删除windows中无用的服务
搜索cmd->以管理员身份打开 输入sc delete 服务名 回车即可
- protoc-gen-lua
lua里使用proto buffer protoc-gen-lua 官方不维护了,自己维护个:protoc-gen-lua int64支持,将64位int转换成lua的string. message相 ...
- contiki Makefile.include 四个关注点<contiki学习之二>
Contiki Makefile.include 笔记 约定: makefile 包括Makefile.Makefile.xxx,并不单指Makefile 不对makefile的语法进行分析,仅仅关 ...
- 浅谈IT员工管理
本人尽管还不是管理人员,但也管理过学弟们(不是同校.仅仅是工作中同事,为了好称呼叫学弟).也被管理着,工作也好多年了.今天又感而发.想来谈谈假设管理好员工(在此声明,我仅仅是发表个人意见哦.不要喷.哈 ...
- python flask 部署
flask在开发的时候,经常启动本身进行调试(本身可以设置监听的端口,例如 在app.run(port=8088),当然默认不设置端口为5000). 但生产环境经常使用uswgi充当flask的宿主, ...
- BW知识点总结及面试要点
1. 如何理解数据仓库? 数据仓库 是 一个面向主题的,集成的,相对稳定的,反应历史变化的数据集合,用于支持管理决策. 2. OLAP 和 OLTP的基本概念 和 区别? Ol ...