随笔分类 -  CSSWEI

摘要:​ CSS的书写方式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 书写方式:内联样式(行内样式) 在标签中加入一个style属性,CSS的样式作为属性值 多个属性值之 阅读全文
posted @ 2023-02-28 21:12 CodeWhisperer001 阅读(10) 评论(0) 推荐(0) 编辑
摘要:HTML可以让我们实现静态页面效果,但是页面没有炫酷好看的效果,通过CSS技术可以对静态页面进行“装修”,让页面更加好看美观。本套课程了解前端体系方向,为后续深入打下基础。课程通俗易懂,理论结合实战,课堂感染力丰富,轻松掌握必会技能,真正做到学以致用。 浮动效果 定位类型 盒子模型 价值与收获 获取 阅读全文
posted @ 2023-02-28 21:09 CodeWhisperer001 阅读(16) 评论(0) 推荐(0) 编辑
摘要:​ 前后端交互流程: 表单在 Web 网页中用来给访问者填写信息,从而能采集客户端信息,使网页具有交互的功能。一般是将表单设计在一个Html 文档中,当用户填写完信息后做提交(submit)操作,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上程序处理后,再将用户所需信息传送回客户端的浏 阅读全文
posted @ 2023-01-02 17:26 CodeWhisperer001 阅读(57) 评论(0) 推荐(0) 编辑
摘要:​ 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的 阅读全文
posted @ 2023-01-02 17:23 CodeWhisperer001 阅读(8) 评论(0) 推荐(0) 编辑
摘要:​ 【1】生活案例入手: 【2】盒子模型: 页面上也有很多元素,元素之间的布局/设计 依靠 盒子模型: 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。 盒模 阅读全文
posted @ 2023-01-02 17:19 CodeWhisperer001 阅读(36) 评论(0) 推荐(0) 编辑
摘要:​ 【1】position 属性指定了元素的定位类型。 【2】静态定位:(static) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--静态定位: 如果我们不写posit 阅读全文
posted @ 2023-01-02 17:01 CodeWhisperer001 阅读(33) 评论(0) 推荐(0) 编辑
摘要:​ 【1】什么是浮动? 浮动设计的初衷为了解决文字环绕图片问题,浮动后一定不会将文字挡住,这是设计初衷,不能违背的。 CSS 的 Float(浮动)使元素脱离文档流,按照指定的方向(左或右发生移动),直到它的外边缘碰到包含框或另一个浮动框的边框为止。 说到脱离文档流要说一下什么是文档流,文档流是是文 阅读全文
posted @ 2023-01-02 16:55 CodeWhisperer001 阅读(61) 评论(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) 编辑

点击右上角即可分享
微信分享提示