- 博客(4)
- 收藏
- 关注
原创 CSS盒子模型总结
CSS盒子模型 文章目录CSS盒子模型前言一、盒子模型的结构二、使用步骤1.引入库2.读入数据总结 前言 css比较重要的核心就是盒子模型,它决定了我们的页面布局。 一、盒子模型的结构 盒子模型有四部分组成: content:内容,例如<p>标签内的文本内容就是放在content里面。 padding:内边距,内边距是内容部分距离border的宽度。 boder:边框,边框宽度,它的内部包含这conten和padding,它的外部是margin外边距。 margin:外边距,外边距主要的作
2021-03-31 18:59:52 190
原创 HTML语义化标签
HTML语义化标签 主要包括以下: :页面主体内容。 :h1~h6,分级标题,<h1> 与 <title> 协调有利于搜索引擎优化。 <ul>:无序列表。 <li>:有序列表。 <header>:页眉通常包括网站标志、主导航、全站链接以及搜索框。 <nav>:标记导航,仅对文档中重要的链接群使用。 :页面主要内容,一个页面只能使用一次。如果是web应用,则包围其主要功能。 <article>:定义外部的内容,其中的内容独立于
2021-03-31 18:59:08 125
原创 CSS不同选择器的使用方式
一.基本选择器 先引入一个HTML结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="basket"> <p id="apple" class="fruits">苹果</p>
2021-03-15 22:28:25 685 1
原创 CSS三种不同的引入方式
CSS三种不同的引入方式写在前面内部样式外部样式1.连接式(比较常用)2.导入式(历史用法) 写在前面 本文是笔者自学前端开发过程中的一些阶段性总结,通过写下和分享内容,希望让自己学习知识的过程更加有条理,并且也是能够和更多的人讨论交流,发现问题。 内部样式 在HTML元素内作为一个属性值直接引入。 <h1 style="color: #ff1320;text-decoration: underline">我是标题</h1> 如果有多个属性,则使用;隔开。 使用内部样式直接引用编写
2021-03-15 16:03:23 303
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人