今天学习的内容CSS基础,了解了一些CSS代码如何编写和它的作用。
1.CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。这些文字大小,颜色,字体加粗,边框,边框颜色等我认为可以看作是标签的属性。
2.使用CSS中<span>文本</span>标签来改变字体的颜色。只需要在需要改变字体颜色的文本左右分别加上<span>和</span>。并在<head></head>标签内加上
< style type="text/csss">
span{
color:red(颜色);
}
</style>
问题:颜色只能为颜色对应的英语吗? 可不可以用十六进制代表的颜色表示.
3.CSS代码语法:css 样式由选择符和声明组成,而声明又由属性和值组成。像span{color:red ; font-size:12px}
I. 选择符又称选择器,指明网页中要应用样式规则的元素,就如span,p,q。
II.声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔(最后一条声明后可以没有分号,为了让人更加容易阅读 每个属性声明占一行)。
4.CSS注释代码:
在CSS中也有注释语句:用/*注释语句*/
来标明(Html中使用<!--注释语句-->
)。CSS中的注释像C语音中的注释
5.三种CSS代码插入方式:
一. 内联式CSS样式:
I. 内联式css样式表就是把css代码直接写在现有的HTML标签中,如<p style="color:blue">。注意要写在元素的开始标签里
II. 并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。
如:<p style= ”font-face:宋体;font-size:12px"">。
二,嵌入式css样式:
I.把css样式代码写在<style type="text/css"></style>标签之间。
II.一般情况下嵌入式css样式写在<head></head>之间。就像上面2一样。
三.外部式css样式,写在单独的一个文件中:
I.外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css
”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内。
II.css样式文件名称以有意义的英文字母命名,如 main.css。
III.rel="stylesheet" type="text/css" 是固定写法不可修改。
6.三种CSS样式代码的优先级:
I.内联式 > 嵌入式 > 外部式
II.但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。
III.总结来说,就是--就近原则(离被设置元素越近优先级别越高)
。但是内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下。
7.选择器:
I.每一天CSS样式声明(定义)由两部分组成:
选择器{
样式;
}
II.选址器:指明了{}中的“样式”的作用对象,就是作用在网页中的哪些元素。
8.标签选择器:标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。
9.类选择器:
I. 语法:.类选择器{css样式代码;}
II.英语圆点开头,其中类选择器名称可以任意起名(但不能使中文)。
III.使用方式:
第一步:使用合适的标签把要修饰的内容标记起来。
第二步:使用class="类选择器名称"为标签设置一个类。
第三步 : 设置类选择器css样式。
IV.像这样<style type="text/css">
.stress {
color:red;
size:12px;
}
</style>
<span class="stress">文本</span>
不过还是存在一些问提:
1.在没有使用CSS代码时,字体,颜色,背景等系统默认的值是什么 ?
2.类选择器那一章节,选择合适的标签是什么意思?如何知道是否为合适的标签。
3.字号的大小有没有范围,如何书写。
4.width,higth等类似的属性,它们的单位是什么?是像素吗?