HTML系统学习
关注
分享
扫一扫
「已注销」
这个作者很懒，什么都没留下…
展开
-
HTML系统学习（1）
1）视频1开发工具：主要介绍了一些常见的浏览器（Chrome、Firefox、IE、Edge等）以及一些写代码的软件（vs code、sublime、HBuilder、Dreamweaver，Notepad++），介绍了必要的切图软件Photoshop2）视频2浏览器内核:介绍了网页主要是由文字、图像、超链接、音频、视频及flash等元素组成3）视频3Web标准4）视频4：HTML...原创 2019-07-13 19:40:58 · 448 阅读 · 0 评论 -
利用github搭建属于自己的博客
①首先，本着玩玩的心态，这几天利用github搭建了属于自己的博客域名是：wangzhichao2019.github.io截图：②其实，这些配置都很简单，你可以再网上直接克隆别人的博客，然后改一下信息，传到自己的仓库上或者是利用hexo等框架从零开始搭建，这些都不是难事，为什么选择我们的github搭建博客呢？因为github上搭建博客是免费的并且是无线流量，所以对于苦逼的学生党...原创 2019-09-13 01:18:31 · 501 阅读 · 0 评论 -
盒子阴影（shadow）
作业代码：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>Document</title> <style> div { width: 100px; height: 100px; ...原创 2019-09-09 20:22:06 · 207 阅读 · 1 评论 -
盒子圆角边框（柠檬精和大黄脸的制作）
盒子模型的稳定性：width>padding>margin（外边距合并）圆角边框（CSS3）border-radius:50%; 有兼容性问题 border-radius:1px 1px 1px 1px;/还是顺时针方向，分别控制四个角/ border-radius:50% 0;/代表左上角和右下角都是圆形，而另外两个不变/ border:1px solid red;边框...原创 2019-09-09 13:57:14 · 450 阅读 · 0 评论 -
padding不会撑开盒子的情况
注意：宽度属性width和高度属性height仅适用于块级元素，对行内元素无效（img标签和input除外） 计算盒子模型的总高度时，还应考虑上下两个盒子垂直外边距合并的情况 如果一个盒子没有给定宽度/高度，就会用其父类的属性，这时padding不会影响盒子的大小课堂实例：<!DOCTYPE html><html lang="zh"><head&g...原创 2019-09-09 09:38:40 · 6140 阅读 · 1 评论 -
盒子实现水平居中
有兴趣的可以看我的github地址：https://github.com/wangzhichao2019/-web-①text-align:center;可以实现盒子里面的内容（文字，行内元素，行内块元素）居中对齐 ②margin：0 auto;表示的是盒子的左右是auto（自动）的，距离上边框的距离是0 ③margin-left:auto;表示盒子整体左边区域充满，盒子整体效果是在右边...原创 2019-09-07 21:56:14 · 2206 阅读 · 2 评论 -
CSS中外边距bug以及外边距缺陷的问题
有兴趣的可以访问我的github地址：https://github.com/wangzhichao2019/-web-一、外边距bug：两嵌套模块的margin-top及margin-bottom问题 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> &l...原创 2019-09-07 21:51:42 · 350 阅读 · 0 评论 -
HTML基础4
视频1）.3个注意点：① P和h1~h6都是文字组成的块级元素，因此里面是不能放块级元素② 标签里面是不能再加a标签的（链接里面不能再加链接），a里面可以放块级元素，行内元素只能容纳文本和其他行内元素视频2）.行高的问题：① 选择器的嵌套不应该超过3级，位置靠后的限定条件应该尽可能的准确② 行高的测量：基线和基线的距离叫作行高（英文），中文是对应线就可以上距离和下距离相等，所以可...原创 2019-08-01 22:04:37 · 123 阅读 · 0 评论 -
HTML基础（3）
能力（技能）掌握点：①学明白CSS如何控制样式（做出新闻的综合案例）②学会画盒子，彻底明白标签就是盒子容器的概念（借助于a伪类能完成导航栏案例）1）多类名选择器类名选择器：这个div的名字就是nav或者说div就是nav，nav就是di（div相当于一大类人，div只不过就是某些人的名字）我们可以通过div{ }也可以通过.nav{ }来进行寻找并修改（因为两者是同一个东西）代码示例:...原创 2019-07-19 02:48:07 · 155 阅读 · 0 评论 -
HTML基础（2）
1） 认识表格：表格table（会使用），存在即是合理的，表格现在还是一种较为常用的一种标签，常见处理、显示表格式数据① 表格中提供了HTML中定义表格式数据的方法② 表格中由行中的单元格组成③ 表格中没有列元素，列的个数取决于行的单元格个数④ 表格不要纠结与外观，那是css的作用表格的学习要求：能手写表格结构，并且能合并单元格创建表格：在HTML网页中，要想创建表格，就需要使用表格...原创 2019-07-15 00:19:05 · 2856 阅读 · 0 评论 -
体会浮动——盒子的嵌套
1.课堂实例：盒子间的嵌套¶<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>盒子嵌套</title> <style> * { margin: 0; padding: 0; } div...原创 2019-09-16 22:25:57 · 582 阅读 · 0 评论