前端学习
关注
分享
扫一扫
文章平均质量分 78
HTML+CSS+JS
王总总
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
day007——CSS浮动布局和盒模型
1.CSS浮动：就是让块级标签不独占一行。目的（使用场景）：把块级标签元素可以排在一行上。2.浮动的原理：就是让元素脱离文档流，不占用标准流3.float的属性值：left：左浮动right：右浮动none：默认值，不浮动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浮动</title> <原创 2021-01-12 16:49:53 · 243 阅读 · 0 评论 -
day006——CSS选择器和伪元素
1.CSS伪类选择器：伪类：专门用来表示元素的一种特殊状态。常用伪类选择器： 1）:link/:visited/:hover/:active 2）:focus获得焦点 3）:first-child/:last-child/:nth-child(number)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&...原创 2021-01-06 21:48:13 · 182 阅读 · 0 评论 -
day005——CSS字体和背景
1.CSS字体1）font-size：字号（px/%）2）font-family：字体（黑体/宋体/楷体）3）font-style：样式（normal/italic/oblique）4）font-weight：加粗（normal/bold/bolder/lighter/100-900）5）line-height：行高（px/em/数字（倍数））6）color：颜色（颜色单词/rgb()->:0-255,g:0-255,b-0-255/16进制（以#开头，后跟原创 2020-11-26 10:48:42 · 245 阅读 · 0 评论 -
day004——CSS
1.CSS：层叠样式表，用来美化网页。做到结构（HTML）和表现（CSS）分离。2.基本语法： 选择器{ 属性：属性值 }3.引用方式：行间样式、内部样式、外部样式、导入外部样式。行间样式：直接在标签上书写样式、 内部样式：在文件的内部书写样式 <style> 样式内容 </style> 外部样式：（1）先创建一个css文件；（2）再用link标签引入这...原创 2020-11-25 15:46:22 · 150 阅读 · 0 评论 -
day003——HTML初接触
1.标签由标签名、标签属性和文本内容三部分组成。（注意：单标签没有文本内容）2.标签属性是对标签的一种描述方式。3.标签属性分通用属性、自由属性和自定义属性。4.通用属性：所有标签都具有的属性。（除了br标签之外）id：用来给标签取一个唯一的名称。在一个网页中必须唯一 class：用来给标签取一个类名称。可重复。 style：用来设置该标签的行内样式 title：当鼠标悬停该标签时的展示<!DOCTYPE html><html lang="en"><原创 2020-11-20 20:07:55 · 170 阅读 · 0 评论 -
day002——HTML初接触
1.标签属性：属性名=属性值，起到附加说明补充要求的作用。不是所有标签都有属性，比如br标签。2.单标签：换行<br/>、水平线<hr/>、图片标签<img/>、文本<input/>、link标签<link/>、元信息标签<meta/>。3.文本格式化标签：就是通过标签来美化文本外观 b和strong：都有加粗作用，但strong除了加粗还有强调作用。注：强调主要用于SEO（搜索引擎优化）时，便于提取对应关键字原创 2020-11-17 22:27:10 · 167 阅读 · 0 评论 -
day001——HTML初接触
1.HTML：超文本标记语言。（一种标示性语言，不是编程语言，是标记语言，不能使用逻辑运算。通过标签将文档格式进行统一，是分散网络资源连接为一个逻辑整体）标记语言是一套标记标签(markup tag) HTML用标记标签来描述网页内容2.静态网页和动态网页的区别：静态：网页中没有程序代码，只有HTML（即：超文本标记语言），一般后缀为.html,.htm,或者.xml等。虽然静态网页的页面一旦做成，内容就不会再改变了。 动态：页面代码虽然没有变化，但是显示内容可以随着时间、环境或者数据库操作.原创 2020-11-17 09:58:31 · 158 阅读 · 0 评论