08 2019 档案
摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 效果： height:100px表示高度，注意：高度不能按照百分比方式展示，因为高度无上限。 设置字体大小 效果： font-size:30px;表示设置字体的大小
阅读全文
摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 效果： width:200px，表示宽200px 宽度还有一种写法，就是按照百分比显示 效果： width:50%;表示按百分比显示
阅读全文
摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 效果： 在style中加入border:1px表示加入边框solid表示边框样式，red表示边框颜色 Bordert-left，表示只在左边加边框 Bordert-right，表示只在右边加边框 Border-to
阅读全文
摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 首先新建一个.CSS文件 然后在THML文件head中写入<link rel="stylesheet" href="commons.css" /> 效果：
阅读全文
摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 对选择到的标签通过属性在进行筛选，该方法常用 效果：
阅读全文
摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 标签选择器是设定一种格式，只要是和指定的标签相同，就使用该格式div{}，该方法常用 效果： 当然有时候我们不希望所有的div标签都是一样的格式，怎么办呢，可以这样写span div{}，表示只有span标签下的d
阅读全文
摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 .c1使用的是class，class是可以重复的，此时此种颜色设置就可以重复使用了，效果如下。 小知识：注释/* */ 结果展示：
阅读全文
摘要：随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 # 我是可耻的分割线 给div标签上色，普通写法：style="background-color:#2459a2;height:48px;”，该方法不常用 这种写法可以，但是不可以重用 在head标签中使用style设置 但是这种也不方
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 我们根据几个实例来看一下： 看下面代码表现形式 结果展示： 红底、黑色字体，可以看出应用了.c2的字体颜色和.c1的底色 结果展示： 红底、粉色字体，可以看出应用了style的pink和.c1的红色字体 我们把.c1和.c2位置换一下试试 结果展
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 该标签主要功能是做一个框，大概样子如下： 结果展示： 我们可以在该框内做一下操作： 结果展示：
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 Label标签是用来把用字和输入框进行关联的，比如一个输入用户名界面，你想输入用户名需要点击输入框，label标签可以关联输入框，你点击label标签内容自动跳转到输入库，代码如下： 结果展示：
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 结果展示： 这样就是一个表格了，当然样式不太好看，我们给他加上边框border 结果展示： 是不是好一点了，但是上面代码不太规范，需要优化一下 效果和上面一样 合并单元格：colspan属性 结果展示： 这样看单元格是合并了，但是有一个问题，多出
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 <img>标签是用来显示图片的 结果展示： 注意事项：图片需放在html同一目录，不然需要写上图片的相对路径 以上结果可以看出图片加载成功了，但是有点大，优化一下就上长和宽： 结果展示： 给图片加超链接跳转功能，比如淘宝一点击商品图片就跳转到商品
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 <a>标签主要用来做超链接跳转，不能提交到数据库，还可以做锚，<a>标签是行内标签 <a>标签之超链接 结果展示： 点击百度会跳转到百度首页 <a>标签之锚 锚是用来在同意页面做跳转的，和目录差不多，锚需要锚点，用ID实现 锚是通过id属性来关联
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 1、多行文本代码是<textarea></textarea> 结果展示： 输入内容可以换行 给多行文本增加默认值，在<textarea></textarea>标签内输入文本就是默认值 结果展示： 不要忘记加上name属性，因为像后台提交数据都需要
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 一般输入界面都有有一个重置按钮，功能是用来清空用户输入内容的，代码如下：<input type="reset" value="重置"> 结果： 点击重置按钮会清空用户输入，但是不会清空默认值。
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 结果展示： 点击选择文件打开选择文件对话框，但是上述HTML代码还不可以工作是因为没有name后台接收不到数据，更改后代码： 结果展示： 这样看起来好像是可以了，小伙子不要着急，这样还是不行滴，因为提交文件依赖form表单的一个属性enctype
阅读全文
