前端学习
文章平均质量分 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 · 139 阅读 · 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 · 104 阅读 · 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 · 144 阅读 · 0 评论 -
day004——CSS
1.CSS:层叠样式表,用来美化网页。做到结构(HTML)和表现(CSS)分离。 2.基本语法: 选择器{ 属性:属性值 } 3.引用方式:行间样式、内部样式、外部样式、导入外部样式。 行间样式:直接在标签上书写样式、 内部样式:在文件的内部书写样式 <style> 样式内容 </style> 外部样式:(1)先创建一个css文件;(2)再用link标签引入这...原创 2020-11-25 15:46:22 · 80 阅读 · 0 评论 -
day003——HTML初接触
1.标签由标签名、标签属性和文本内容三部分组成。(注意:单标签没有文本内容) 2.标签属性是对标签的一种描述方式。 3.标签属性分通用属性、自由属性和自定义属性。 4.通用属性:所有标签都具有的属性。(除了br标签之外) id:用来给标签取一个唯一的名称。在一个网页中必须唯一 class:用来给标签取一个类名称。可重复。 style:用来设置该标签的行内样式 title:当鼠标悬停该标签时的展示 <!DOCTYPE html> <html lang="en"> <原创 2020-11-20 20:07:55 · 88 阅读 · 0 评论 -
day002——HTML初接触
1.标签属性:属性名=属性值,起到附加说明补充要求的作用。不是所有标签都有属性,比如br标签。 2.单标签:换行<br/>、水平线<hr/>、图片标签<img/>、文本<input/>、link标签<link/>、元信息标签<meta/>。 3.文本格式化标签:就是通过标签来美化文本外观 b和strong:都有加粗作用,但strong除了加粗还有强调作用。注:强调主要用于SEO(搜索引擎优化)时,便于提取对应关键字原创 2020-11-17 22:27:10 · 88 阅读 · 0 评论 -
day001——HTML初接触
1.HTML:超文本标记语言。(一种标示性语言,不是编程语言,是标记语言,不能使用逻辑运算。通过标签将文档格式进行统一,是分散网络资源连接为一个逻辑整体) 标记语言是一套标记标签(markup tag) HTML用标记标签来描述网页内容 2.静态网页和动态网页的区别: 静态:网页中没有程序代码,只有HTML(即:超文本标记语言),一般后缀为.html,.htm,或者.xml等。虽然静态网页的页面一旦做成,内容就不会再改变了。 动态:页面代码虽然没有变化,但是显示内容可以随着时间、环境或者数据库操作.原创 2020-11-17 09:58:31 · 96 阅读 · 0 评论