摘要: ​ 【1】什么是浮动? 浮动设计的初衷为了解决文字环绕图片问题,浮动后一定不会将文字挡住,这是设计初衷,不能违背的。 CSS 的 Float(浮动)使元素脱离文档流,按照指定的方向(左或右发生移动),直到它的外边缘碰到包含框或另一个浮动框的边框为止。 说到脱离文档流要说一下什么是文档流,文档流是是文 阅读全文
posted @ 2023-01-02 16:55 CodeWhisperer001 阅读(58) 评论(0) 推荐(0) 编辑
摘要: ​ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*属性选择器*/ input[type="password"]{ background-color: red 阅读全文
posted @ 2023-01-02 16:46 CodeWhisperer001 阅读(21) 评论(0) 推荐(0) 编辑
摘要: ​ 【1】代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* 【1】基本选择器:元素选择器: 通过元素的名字进行定位,它会获取页面上所有这个元素,无论藏 阅读全文
posted @ 2023-01-02 16:42 CodeWhisperer001 阅读(9) 评论(0) 推荐(0) 编辑
摘要: ​ 【1】为什么要学习CSS? HTML画页面--》这个页面就是页面上需要的元素罗列起来,但是页面效果很差,不好看,为了让页面好看,为了修饰页面 》CSS CSS的作用:修饰HTML页面 用了CSS之后,样式和元素本身做到了分离的效果。 》降低了代码的耦合性 【2】HTML和CSS的关系? 先有HT 阅读全文
posted @ 2023-01-02 16:38 CodeWhisperer001 阅读(17) 评论(0) 推荐(0) 编辑
摘要: ​ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--无序列表: type:可以设置列表前图标的样式 type="square" 如果想要更换图标样式,需要借助css技术: 阅读全文
posted @ 2023-01-01 23:03 CodeWhisperer001 阅读(23) 评论(0) 推荐(0) 编辑
摘要: ​ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--超链接标签:作用:实现页面的跳转功能 href:控制跳转的目标位置 target:_self 在自身页面打开 (默认效果 阅读全文
posted @ 2023-01-01 22:32 CodeWhisperer001 阅读(36) 评论(0) 推荐(0) 编辑
摘要: ​ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本标签</title> </head> <body> <!--文本标签--> <!--下面的文字就是普通的文本,文本编辑器中的任何效果:比如空格,换行 都不影响页面, 页面想 阅读全文
posted @ 2023-01-01 22:26 CodeWhisperer001 阅读(18) 评论(0) 推荐(0) 编辑
摘要: ​ HTML文档标准结构: <html> <head> </head> <body> this is my second html... </body> </html> 【1】html标签 定义 HTML 文档,这个元素我们浏览器看到后就明白这是个HTML文档了,所以你的其它元素要包裹在它里面,标签 阅读全文
posted @ 2023-01-01 22:23 CodeWhisperer001 阅读(26) 评论(0) 推荐(0) 编辑
摘要: ​ 编码工具: 辅助程序员编写源代码的工具,它类似word,我们写文档会打开word文档来编写。 写代码也一样,需要借助工具来开发。 常见的编码工具有记事本、sublime Text、notepad++ 集成开发环境(IDE,Integrated Development Environment ): 阅读全文
posted @ 2023-01-01 22:19 CodeWhisperer001 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 【1】HTML 指的是超文本标记语言: HyperText Markup Language超文本: 普通人 vs 超人(比普通的人厉害) 普通文本 vs 超文本(比普通的文本厉害)标记: 标记=标签 标签:<html> <body> <head> 由尖括号包围起来的关键词 分类:双标记标签/封闭类型 阅读全文
posted @ 2023-01-01 22:13 CodeWhisperer001 阅读(25) 评论(0) 推荐(0) 编辑