2020年09月_kkkk_1112

原创 CSS页面制作-5

1. 学成网页面制作目标理解能够说写单页面我们基本的流程能说出常见的css初始化语句能说出我们CSS属性书写顺序应用能利用ps切图能引入外部样式表能把psd文件转换为html页面学成在线的目的就是为了串联前面的所有知识。1.1 前期准备素材学成在线PSD源文件开发工具 = PS（切图） + sublime（代码） + chrome（测试）1.2 前期准备工作欲先善其事，必先利其器。先把我们的前期准备工作做好，我们本次采取结构与样式相分离思想。

2020-09-28 17:07:34 329

原创 CSS布局之浮动-4

网页布局的核心——用CSS来摆放盒子。CSS布局的三种机制：普通流（标准流）【块级元素】独占一行，自上而下顺序排列常用元素：div hr p h1~h6 ul ol dl form table【行内元素】按照顺序，从左向右顺序排列，碰到父元素边缘则会自动换行常用元素：span a i em 等浮动【什么是浮动？】概念：元素的浮动是指设置了浮动属性的元素会1.脱离标准普通流的控制2.移动到指定位置。【作用】：1.让多个盒子（div）水平排列成一行2.可以实现盒子的左右对齐3

2020-09-26 20:57:47 585 1

原创 CSS盒子模型—3

一、CSS盒子模型概念：盒子模型四部分组成：内容、边框(border)、内边距(padding)、外边距（margin）内容：盒子里面的文字和图片等元素组成内容边框：指的是盒子的厚度内边距：盒子内容与边框之间的距离外边距：盒子与盒子之间的距离1、边框 border语法：border : border-width ||border-style ||border-color属性作用border-width定义边框粗细，单位pxborder-style边框的样

2020-09-25 22:00:33 294

原创 CSS复合选择器—2

CSS复合选择器复合选择器的分类：后代选择器（重点）并集选择器（重点）（1）后代选择器概念：后代选择器又称为包含选择器作用：用来选择元素或者元素组的子孙后代格式：父级子级{属性：属性值；属性：属性值}当标签发生嵌套时，内层标签是外层标签的后代。.class h2{color:red;foont-size:16px;}标签的选择模式行高CSS背景和 CSS的三大特性...

2020-09-24 23:23:42 402

原创 CSS层叠样式表—1

CSS 网页的美容师代码书写方法：结构（html）和样式（CSS）相分离CSS作用和目的：设置HTML的版面布局和外观显示样式。1. 行内式（内联样式）（1）语法格式： **<标签名 style = "属性1：属性值1；属性2：属性值2：……"> 内容 </标签名>**<div style="color:red ; font-size: 18px;" > 我在这里等你 &l

2020-09-23 11:13:20 152

原创 HTML—表格、列表—2

html表格：展示数据，使数据更整齐列表：用来布局，使页面布局更整齐规范表单：用来收集用户信息1.（1）创建表格表格标签<table></table>表格中的行标签`<tr></tr>单元格标签<td></td>td也就是table data的缩写。表格中没有列的概念。（2）表格属性<table border = " " width = " ">border 边框线，默认 b

2020-09-22 16:12:18 331

原创初始HTML 标签—1

1、初识HTMLHTML指超文本标记语言（Hyper Text Markup Language），用来描述网页的一种语言。学习目标：HTML的概念HTML标签的分类、关系、语义化网页是由网页元素组成的，这些元素利用HTML标签描述出来，然后通过浏览器解析，就可以显示给用户了。...

2020-09-21 19:34:20 302

kkkk_1112的博客