![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
静态HTML
小白学代码
代码成就未来
展开
-
HTML的了解
<!DOCTYPE html><html> <!-- 告诉浏览器开始标记 --> <head> <!-- 头部信息 --> <meta charset="utf-8" /><!--编码格式设置等等 --> <title>标题</title> <!-- 网页标...原创 2019-05-04 17:06:18 · 115 阅读 · 0 评论 -
css中的浮动float
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>浮动</title> <style type="text/css"> .div1{ height: 80px; width: 180px; backg...原创 2019-05-06 03:49:25 · 126 阅读 · 0 评论 -
CSS中文本的对齐方式和实现圆角矩形
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>对齐方式和实现圆角矩形</title> <style type="text/css"> .yuan{ ...原创 2019-05-06 02:21:26 · 887 阅读 · 0 评论 -
Css中的绝对/相对/固定/定位/层叠顺序
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>绝对/相对/固定定位</title> <style type="text/css"> .outdiv{ ...原创 2019-05-06 01:43:10 · 1011 阅读 · 0 评论 -
开发WEB的最基本概念
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>WEB概念</title> </head> <body>web <!-- 作者:o...原创 2019-05-06 05:30:42 · 204 阅读 · 0 评论 -
CSS边框的属性
Css中属性设置与HTML中的属性设置相同的样式略有不同注意区分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>边框的设置</title> <style type="text/css"> #mytale111{...原创 2019-05-05 11:43:12 · 419 阅读 · 0 评论 -
CSS中背景样式的设置
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>CSS常用属性</title> <style type="text/css"> body{background-color: aquamarine;/*背景*/ /*背...原创 2019-05-05 10:18:57 · 591 阅读 · 0 评论 -
CSS的样式声明处,内外部写法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 作者:offline 时间:2019-05-05 描述:引用外部样式的方法link标签 href="样式...原创 2019-05-05 09:33:09 · 434 阅读 · 0 评论 -
CSS中的群组联合选择器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>群组联合选择器</title> <style type="text/css"> /*有些元素不同但要设置相同的样式就用群组联合选择器,当然这里设置了还能单独设置他们独有特征*...原创 2019-05-05 09:21:24 · 569 阅读 · 0 评论 -
CSS中的上下文选择器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>上下文选择器</title> <style type="text/css"> /* 上下文选择器就是构成了"父子"或层级关系的一组元素,通过他们的关系设置样式*/ ol...原创 2019-05-05 09:05:46 · 924 阅读 · 0 评论 -
伪元素选择器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>伪元素选择器</title> <style type="text/css"> /* 伪元素选择器一般用来设置第一行或者第一个字的样式*/ p:first-line{co...原创 2019-05-05 07:28:15 · 138 阅读 · 0 评论 -
伪类选择器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>伪类选择器</title> <style> /*点击之前 */ a:link{color: red;} /*点击之后 */ a:visited{color:...原创 2019-05-05 07:17:39 · 370 阅读 · 0 评论 -
Css样式的html选择器,类选择器,id选择器
<!DOCTYPE html><!-- HTML是标记语言,把属性这些写在里面并不规范,有可能无法显示 CSS为了规范每个标记的样式,属性等设置控制能力远飞HTML所能比的 CSS分离了内容与表现形式 CSS语法,由选择器,属性,和值三部分组成,简单明了,在头部的<style ...原创 2019-05-05 07:02:38 · 1465 阅读 · 0 评论 -
HTML中框架集框架,浮动框架简述
最简单的框架集合框架<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 默认根据内容需要显示是否...原创 2019-05-05 06:11:56 · 8368 阅读 · 0 评论 -
表单与表单元素
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单</title> </head> <!-- get 和POST 区别,get地址栏提交,速度快,传输量小,安全性差,post 安全性好,传输量大,--> ...原创 2019-05-05 04:37:51 · 168 阅读 · 0 评论 -
HTML静态网页中的表格table
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格</title> <table border="10px" width="800px" cellpadding="2px" cellspacing="2" >cellpaddi...原创 2019-05-04 18:03:54 · 5994 阅读 · 0 评论 -
列式布局
1列式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>1列式布局</title> <style type="text/css"> body{ /*让整个body中的文字居中*/ text-align:...原创 2019-05-06 05:29:56 · 426 阅读 · 0 评论