萧熙2580-CSDN博客

原创 HTML 第一课初识HTML

HTML创建新建文本，后缀为.htmlhtml格式如下<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s

2021-09-14 20:45:17 92

原创 HTML 和 CSS 专栏前序及计划（附带思维导图）

HTML 和 CSS 专栏前序及计划大家好我是萧熙，我今天决定了，从今天开始，写一个HTML和CSS专栏，大概内容如下更新周期：两天一更或一天一更面向对象：新手小白、有一定基础、想学前端的相关人员。HTML 和 CSS 是制作一个网页基础，HTML是网页的结构，CSS能修饰结构，HTMl写的再好也只不过是外露的稻草人，CSS的作用犹如强大的滤镜，漂亮的衣裳。...

2021-09-14 20:27:53 109

原创列表简单案例贯穿淘宝等各大电商平台侧边导航栏

列表简单小案例贯穿淘宝等各大电商平台侧边导航栏（附有源码）先上图片，做的小案例有些简陋，不过也能简单反应做该案例的思路及想法，通过ul，li无序列表制作，简单易懂。话不多说先上源码html部分CSS部分先定好ul，li的宽高，其次给div定好宽高并加上颜色，接下来让div的位置改变如图：div问题：知道你们懒，给你们准备了源码：<!DOCTYPE html><html><head> <meta charset="UTF-8"

2020-10-22 23:00:42 499

原创 CSS实现p标签，span，div，a，pre文字垂直居中

CSS实现p标签，span，div，a，pre文字垂直居中，建议小白观看在HTML和css中，文字垂直居中一直是个困惑，因为在css中只有text-align属性设置水平对齐方式，text-align: center;这种方式水平对齐。以下是css设置文本垂直居中的对齐方式。源码可以参考，下图源码可以参考，先通过text-align:center;来设置水平居中，再通过行高line-height: 100px; 100px是父元素的高度，通过...

2020-10-22 14:36:55 5461 2