摘要: 盒子模型(CSS重点) css学习三大重点: css 盒子模型 、 浮动 、 定位 1.看透网页布局的本质 看透网页布局的本质: 首先利用CSS设置好盒子的大小,然后摆放盒子的位置。 最后把网页元素比如文字图片等等,放入盒子里面。 以上两步 就是网页布局的本质 2. 盒子模型(Box Model) 阅读全文
posted @ 2022-03-15 18:04 strawberry&cigarette 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 1. CSS复合选择器 1.1 后代选择器(重点) 概念: 后代选择器又称为包含选择器 作用: 用来选择元素或元素组的子孙后代 其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔,先写父亲爷爷,在写儿子孙子。 父级 子级{属性:属性值;属性:属性值;} 语法: .class h3{col 阅读全文
posted @ 2022-03-15 08:10 strawberry&cigarette 阅读(42) 评论(0) 推荐(0) 编辑
摘要: ##1使用 chrome调试工具 “按F12”或者是 “shift+ctrl+i” 打开 开发者工具。 菜单: 右击网页空白出 检查 通过开发人员工具小指针工具,查找页面元素 左侧是html页面结构,右侧是css样式 小技巧: ctrl+滚轮 可以 放大开发者工具代码大小。 左边是HTML元素结构 阅读全文
posted @ 2022-03-09 17:13 strawberry&cigarette 阅读(78) 评论(0) 推荐(0) 编辑
摘要: Emmet的前身是Zen coding,它使用缩写,来提高html/css的编写速度。 生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键, 就可以生成 如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div 如果有父子级关系的标签,可以用 > 阅读全文
posted @ 2022-03-09 17:05 strawberry&cigarette 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 1. 引入CSS样式表 1.1 行内式(内联样式) 概念: ​ 称行内样式、行间样式. ​ 是通过标签的style属性来设置元素的样式 其基本语法格式如下: <标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名> 实际上任何HTML标签都拥有sty 阅读全文
posted @ 2022-03-09 16:59 strawberry&cigarette 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 1.1 无序列表 ul 无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下: <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ul> 注意: 1. <ul></ul>中只能嵌套<li></li>,直接在<ul></u 阅读全文
posted @ 2022-03-07 21:08 strawberry&cigarette 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 表格 table 1. 创建表格 在HTML网页中,要想创建表格,就需要使用表格相关的标签。 创建表格的基本语法: <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> 要深刻体会表格、行、单元格他们的构成。 在上面的语法中包含基本的三对HTML标 阅读全文
posted @ 2022-03-07 20:10 strawberry&cigarette 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 1. HTML常用标签 首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了。 不会再给结构标签指定样式了。 HTML标签有很多,这里我们学习最为常用的,后面有些较少用的,我们可以查下手册就可以了。 1.1 排版标签 排版标签主要和css搭配使用,显示网页 阅读全文
posted @ 2022-03-07 18:45 strawberry&cigarette 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 构成: 主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。 | 标准 | 说明 | | : | : | | 结构 | 结构用于对网页元素进行整理和分类,咱们主要学的是HTML。 | | 表现 | 表现用于设置网页元素的版式、颜色、大小等外观样式, 阅读全文
posted @ 2022-03-07 16:46 strawberry&cigarette 阅读(42) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示