|
我的打算的创作过程是：静态页面 -> 添加特效 -> 动态页面 -> 添加后台更新 -> 进一步完善。
那样今天的第1篇文案便从HTML+CSS布局实现一个基本的静态页面起始。
首要总结一下我所把握HTML+CSS知识，中间肯定会有错误以及整理不到位的地区，欢迎各路大佬指正，先这里拜谢！
1、html简介
超文本标记语言（HyperText Markup Language，简叫作：HTML）是一种用于创建网页的标准标记语言。HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签 (markup tag)，运用标记标签来描述网页。
2、HTML标签
HTML 标记标签一般被叫作为 HTML 标签 (HTML tag)。HTML 标签是由于尖括号包裹的重要词，例如 <html>，它一般是成对显现的，例如 <b> 和 </b>，标签对中的第1个标签是起始标签，第二个标签是结束标签，起始和结束标签亦被叫作为开放标签和闭合标签。例如：
<p>这是一个段落。</p>
HTML标签的种类有：
此照片引自百度百科三、CSS样式
层叠样式表(Cascading Style Sheets，缩写为CSS），是一种样式表语言，用来描述HTML或XML文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒介上的元素应该怎样被渲染的问题。
4、CSS样式简单介绍
1.CSS语法规则
selector {declaration1; declaration2; ... declarationN }
2.CSS背景语法
div{
bac公斤round-color: #70C000; 设置背景颜色
bac公斤round-image: url(../img/1jmphz166b.jpg); 设置背景图像
bac公斤round-repeat: no-repeat; 设置背景重复:no-reapeat不重复;repeat-x横向重复;repeat-y:纵向重复
bac公斤round-position: center; 背景定位:center:居中;top:顶部;bottom:底部;right:右部;left:左部
bac公斤round-attachment: fixed; 背景相关
}
3.CSS文本设置
p{
text-align: center; 文本对齐方式
font-family: "微软雅黑"; 字体样式
font-size: 12px; 字体体积
font-weight: bold; 字体加粗
}
4.链接
a:link {color:#FF0000;} 未被拜访的链接
a:visited {color:#00FF00;} 已被拜访的链接
a:hover {color:#FF00FF;} 鼠标指针移动到链接上
a:active {color:#0000FF;} 正在被点击的链接
5.CSS盒子模型
div{
height: 500px; 高度
width: 500px; 宽度
padding: 5px 5px; 内边距
margin: 5px 5px; 外边距
border: 5px; 边框
position: absolute; 定位
display: none; 表示
overflow: hidden; 溢出表示方式
float: left; 浮动
}
以上是对我所把握的HTML+CSS知识进行一个简单的总结与回忆，从明天起始正式起始网站的搭建与制作。
注：剧烈欢迎各位大佬前来指明错误，一起进步，谢谢！
| 
发表于 2024-6-29 13:51:09
