夜灵的Html笔记Day04——CSS3basic
16lz
2021-01-22
css3basic
1.CSS概述
1.??
html网页中,让所有div的内容变成红色?
html网页中,让所有p标签的内容变成蓝色?
htlm网页中,让所有表格table中的td内容居中显示??
html属性的不足?
1.相同的事情 要用不同的属性完成
<body text="" bgcolor="">
<font color="">
**:可重用性较低
2.css???
Cascading Style Sheets
层叠样式表,又叫级联样式表(通称:样式表)
特点:
1.实现内容与表现相分离
2.提供代码的可重用性
3.html,css关系?
html----定义网页的结构
css-----构建页面的样式
***:HTML属性和CSS内容能够完成相同的事情,优先使用CSS
2.CSS语法
1.如何使用CSS?
1.内联方式(行内样式)
将CSS样式定义在单个HTML元素内
语法:
<any style="样式声明1;样式声明2;样式3;....."></any>单标记也包括
样式声明:
属性1:值;属性2:值;........
eg:
color 任何合法颜色值(red,#ff0000,rgb(255,255,255)
background-color 合法颜色值
font-size 以px或pt为单位的大小值
2.内部样式表
在<head>元素中的<style></style>标签里编写若干"样式规则"
eg:
<html>
<head>
<meta charset="utf-8">
<title>document</title>
<style>
<!--在这里写就是内部样式表-->
样式规则1
样式规则2
......
</style>
</head>
<body></body>
</html>
样式规则:
选择器{
样式声明1;
样式声明2;
......
}
p{
color:red;
font-size:20px;
.......
}
3.外部样式表
将样式规则存放在独立的样式文件中(***.css)
使用方法:
1.创建样式表文件并编写样式
2.在使用的网页中,使用<link>标签链接到外部样式表
语法:
<head>
<title>标题</title>
<link href="样式表url" rel="stylesheet">
</head>
练习:
1.新建一个div元素,用内联方式设置其字体大小为30px,文本颜色为绿色,背景颜色为粉色
2.新建 一个h1元素,用内部样式设置其文本颜色为橘色,背景颜色为黑色
3.新建一个p元素,用外部样式设置其字体大小为60px,文本颜色为黄色
4.新建一个div元素,用外部样式设置其字体为100px,文本颜色为蓝色,
优先级????
十遍form表单,新旧都写
菜鸟教程预习
360
http://www.microshield.com.cn/
这两个能做的就做,不能的语义标签先布局
1.CSS概述
1.??
html网页中,让所有div的内容变成红色?
html网页中,让所有p标签的内容变成蓝色?
htlm网页中,让所有表格table中的td内容居中显示??
html属性的不足?
1.相同的事情 要用不同的属性完成
<body text="" bgcolor="">
<font color="">
**:可重用性较低
2.css???
Cascading Style Sheets
层叠样式表,又叫级联样式表(通称:样式表)
特点:
1.实现内容与表现相分离
2.提供代码的可重用性
3.html,css关系?
html----定义网页的结构
css-----构建页面的样式
***:HTML属性和CSS内容能够完成相同的事情,优先使用CSS
2.CSS语法
1.如何使用CSS?
1.内联方式(行内样式)
将CSS样式定义在单个HTML元素内
语法:
<any style="样式声明1;样式声明2;样式3;....."></any>单标记也包括
样式声明:
属性1:值;属性2:值;........
eg:
color 任何合法颜色值(red,#ff0000,rgb(255,255,255)
background-color 合法颜色值
font-size 以px或pt为单位的大小值
2.内部样式表
在<head>元素中的<style></style>标签里编写若干"样式规则"
eg:
<html>
<head>
<meta charset="utf-8">
<title>document</title>
<style>
<!--在这里写就是内部样式表-->
样式规则1
样式规则2
......
</style>
</head>
<body></body>
</html>
样式规则:
选择器{
样式声明1;
样式声明2;
......
}
p{
color:red;
font-size:20px;
.......
}
3.外部样式表
将样式规则存放在独立的样式文件中(***.css)
使用方法:
1.创建样式表文件并编写样式
2.在使用的网页中,使用<link>标签链接到外部样式表
语法:
<head>
<title>标题</title>
<link href="样式表url" rel="stylesheet">
</head>
练习:
1.新建一个div元素,用内联方式设置其字体大小为30px,文本颜色为绿色,背景颜色为粉色
2.新建 一个h1元素,用内部样式设置其文本颜色为橘色,背景颜色为黑色
3.新建一个p元素,用外部样式设置其字体大小为60px,文本颜色为黄色
4.新建一个div元素,用外部样式设置其字体为100px,文本颜色为蓝色,
优先级????
十遍form表单,新旧都写
菜鸟教程预习
360
http://www.microshield.com.cn/
这两个能做的就做,不能的语义标签先布局
更多相关文章
- HTML的整个块未接收CSS类样式
- 1、html/css:基本样式总结
- 样式Bootstrap的btn-group-justified,添加边距和垂直大小
- TextView显示html样式的文字
- 样式通常以相同的组合出现:创建单个类还是组合元素?
- 单选按钮和多选按钮的样式设置
- 工作中遇到的几个CSS样式表的问题
- 如何控制html代码中DL标签的颜色?
- 有没有办法从指定的网站找到某种颜色的图像?