CSS——（1）基础
CSS（Cascading Style Sheets）层叠样式表
含义
一种计算机语言；
能够实现网页与内容分离；
用来表现文件样式，如HTML或XML；
比較
div与css
假设说div是容器的话，那么css就是装饰或是表现容器样式的事物。比方div是盒子，那么css的作用就是表示盒子的颜色，大小，体积等。
html与css
html是负责网页内容的；css是负责网页样式的，并且css非常好的解耦网页的内容和样式。
选择器
设置选择器之后，我们就能够设置CSS样式了。
那不设选择器行不行呢？能够在word中类比一下，我们就能够把文章中每段或每行的文字都设成一个独有的样式，这个样式能够包含font-size(字体大小)，width，height等等。
CSS中的选择器能够分为id选择器，class选择器和Html选择器。
1）、id选择器
能够为标有特定id的HTML元素制定特定的样式，以“#”来定义。
#newnews {
/*最新新闻框架*/
font-size :20px;
margin-left :5px;
margin-bottom :10px;
}
2）、class选择器
用来描写叙述一组元素的样式，可在多元素中使用，以一个点"."号显示。
.replay {
margin-bottom :30px;/*底部的外边距*/
}
3）、html标签选择器
没有标识，直接引用
用法
看了前面的这两个样例，有人肯定会有这种疑惑：我们为newnews，replay设置了样式，那在网页上他们是怎么使用的呢？
接下来，我们就讲一下定义网页的方法。
1）、外部：将网页链接到外部样式表。
2）、内页：在网页上创建嵌入的样式表。
3）、行内：一个用内嵌样式到各个网页元素。
第一种：-->写在css文件里
在其它网页上使用同样的样式时，或为了保持网页的外观一致总体性，能够採用外部样式。外部样式更改也十分方便。
<link href="../css/login.css" rel="stylesheet" type="text/css" />
<!--外部样式表即login.css-->
另外一种：-->写在head头部
当我们仅仅要定义当前网页的样式事，可採用嵌入的样式表。它“嵌”在网页的 <HEAD>
标记符内。
<head>
<title>页面标题</title>
<styletype="text/css">
<!--
p{
color:#FF00FF;
text-decoration:underline;
font-weight:bold;
font-size:25px;
}
-->
</style>
</head>
第三种：-->在html中
当特殊的样式须要应用到个别元素时。使用内联样式的方法是在相关的标签中使用样式属性。
<p style="color: black; margin-left: 20px">
这里是文字！
</p>
CSS看似是一个新东西，但仅仅要动手去实践，就会发现，它的非常多知识都是之前接触到的。比方设置字体、行间距等等，要多多尝试。
介绍了CSS的概念和几种用法后，下篇博客主要讲的是CSS的核心内容。
CSS——（1）基础的更多相关文章
- 2天驾驭DIV+CSS （基础篇）（转）
这是去年看到的一片文章,感觉在我的学习中,有不少的影响.于是把它分享给想很快了解css的兄弟们. 基础篇[知识一] “DIV+CSS” 的叫法是不准确的[知识二] “DIV+CSS” 将你引入两大误区 ...
- HTML+CSS+JS基础知识
HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...
- 【笔记-前端】div+css排版基础，以及错误记录
现在的网站对于前端的排版已经逐渐不使用<table>,而是使用div+css. 使用这种方法的最大好处就在于在维护页面时,可以只维护css而不去改动html. 可是这种方式对于初学者来说可 ...
- CSS 设计彻底研究（一）(X)HTML与CSS核心基础
第1章 (X)HTML与CSS核心基础 这一章重点介绍了4个方面的问题.先介绍了 HTML和XHTML的发展历程以及需要注意的问题,然后介绍了如何将CSS引入HTML,接着讲解了CSS的各种选择器,及 ...
- 精通CSS+DIV基础总结(一)
这段时间学习了玩了DIV+CSS的视频,感觉效率不高.前边的Javascript总结的不好,但是看了后边的JQuery,觉得学习的再多一点,再进行Javascript的总结.DIV+CSS总结,估计会 ...
- CSS样式基础知识
CSS样式基础知识 CSS样式概述 CSS是Cascading Style Sheet 的缩写.译作“层叠样式表单”.是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. 引用位 ...
- 第六十九节，css入门基础
css入门基础 学习要点: 1.使用CSS 2.三种方式 3.层叠和继承 本章主要探讨HTML5中CSS (层叠样式表),它是用来对HTML文档外观的表现形式进行排版和格式化. 一 使用CSS CSS ...
- 【CSS入门基础，有需要的看过来哦】心境，心静，不轻言放弃！---致CSS
整理一下近一周学习的有关CSS的基础知识笔记: CSS语法必须写在<style>标签中哦~/*注释*/ [CSS常用背景属性]background background-color:背景色 ...
- 学起来 —— CSS 入门基础
Hello,大家好! 小女来更博啦!CSS福利送上~~~ 首先给大家介绍一下CSS到底是什么? 一.CSS概念 W3C规范中,要求有三条:一 为"两个分离",二 为语言遵循语义化, ...
- 第二部分----CSS的基础语法
PART-1 CSS的基础常识 一.什么是CSS? W3C标准中,倡导有3:其一为内容与表现分离,其二为内容与行为分离,其三为内容结构的语义化.其倡导中第一条的"表现"指的便可以说 ...
随机推荐
- 异步调用backgroudworker
先看一个小例子:C#客户端打开一个控件,控件中加载了好多数据大约要用5秒中,如果我们直接打开控件,那么这个控件就要5秒中才能弹出来,当然这个时候用户已经把他Kill了.这个时候我们就需要先给用户把控件 ...
- .net 对配置文件内容的操作
配置文件分为两种 :一种是winform应用程序的配置文件, 一种是web的配置文件. 两种配置文件最大的区别是web的配置文件更新之后会时时更新, 应用程序的配置文件不会实时更新. 更新应用程序的配 ...
- winform程序开机自动启动代码
几天前头儿要我实现程序能开机自动启动,搞好了,整理起来写下来. private void checkBox1_CheckedChanged(object sender, EventArgs e) { ...
- IS脚本学习
OnFirstUIBefore:函数块用于第一安装应用时安装部件前所要完成的任务.一般在这里进行下列设: 1. 设置屏蔽 2. 显示欢迎信息,软件协议书或关于软件安装的其他说明信息 3. 从用户处获取 ...
- iOS：关于获取网络类型和运营商信息
目录 1. 获取运营商网络类型 2. 获取运营商信息 返回目录 1. 获取运营商网络类型 Apple的Reachability Sample看起来不错,但是只可以判断是否连接到互联网和是否连接Wifi ...
- 如何从代码层防御10大安全威胁中的 Xpath Injection？
普遍性和可检测性: Xpath 注入是 OWASP TOP10 安全威胁中 A1 Injection 中的一种,注入漏洞发生在应用程序将不可信的数据发送到解释器时.虽然注入漏洞很容易通过审查代码发现, ...
- SQL server 连接查询
1.join on 左右拼接查询 2.union 上下拼接 注意:所拼接的列的数据类型要一致
- 利用ROWID快速执行关联更新
一.构造相关表P1,P2 create table p1(id int,name char(10)); create table p2(id int,name char(10)); 二.批量插入数据 ...
- 最好的JAVA IDE IntelliJ IDEA使用简介（一）—之界面元素
打开IDEA,(当第一次打开的时候出现的是一个欢迎页面,随便创建一个project来进入到IDEA的主界面),主界面显示如下: 主界面由6个主要区域组成(图中红色数字标注的) 1.菜单和工具栏 2.导 ...
- 【转】怎么在Foxmail回复/转发时使用签名？
原文网址:http://kf.qq.com/faq/120322fu63YV130422yABZRZ.html Foxmail回复/转发时使用签名,可通过在模版中设置签名.如下版本操作方法: 一.fo ...