夜灵的Html笔记Day04——CSS3basic

来源：互联网发布：linux文件权限编辑：程序博客网时间：2024/05/18 01:53

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 0