前端_HTML 列表、表格、媒体元素 一、什么是列表 列表就是信息资源的一种展示形式，它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息。 二、无序列表 <ul><!--声明无序列表--> <li>新建标签页1</li> <li>新建标签页2</li> <li>新建标签页3<…
007、前端_HTML 列表、表格、媒体元素
006、前端_CSS 美化网页元素
前端_CSS 美化网页元素 一、为什么使用CSS 有效的传递页面信息，使用CSS美化过的页面文本，使页面漂亮、美观，吸引用户，可以很好的突出页面的主题内容，使用户第一眼可以看到页面主要内容，具有良好的用户体验。 二、字体样式 属性名 含义 举例 font-family 设置字体类型 font-family:"隶书"; font-size 设置字体大小 font-size:12p…
005、前端_CSS 网页动画
前端_CSS 网页动画 前言 CSS是一种用于网页设计和排版的语言，也可以用它来制作网页动画。下面是一些制作网页动画的CSS技巧： 一、使用CSS3动画 CSS3引入了动画属性，允许您为元素设置动画效果。您可以使用关键帧来定义动画的开始和结束状态，并使用动画属性指定动画的持续时间、速度曲线等。 例如，要制作一个淡入淡出的效果，您可以使用以下CSS代码： .fade-in-out { animati…
004、前端_CSS 盒子模型
前端_CSS 盒子模型 一、什么是盒子模型 css盒子模型又称为框模型，盒子的最内部是元素的实际内容即元素内容，紧挨着元素框外部的是内边距，其次是边框，然后最外层是外边距，这几部分共同组成了盒子模型。 二、边框border-color 属性 说明 示例 border-top-color 上边框颜色 border-top-color:#369; border-right-color 右边框颜色 bo…
003、前端_CSS 浮动
前端_CSS 浮动 前言： CSS浮动是一种布局技术，它允许元素浮动到其父元素的左侧或右侧，从而腾出空间给其他元素。 一、设置浮动属性 使用CSS float属性将元素设置为浮动。例如，如果您希望一个元素向左浮动，可以使用以下代码： float: left; 如果您希望元素向右浮动，可以使用以下代码： float: right; 二、确定浮动元素的宽度 在浮动元素的宽度上，有两种不同的方式可以设置…
002、前端_CSS 定位网页元素
前端_CSS 定位网页元素 前言 当我们在设计网页时，经常需要对网页中的元素进行定位，以便它们出现在我们想要的位置。在 CSS 中，我们可以使用不同的定位属性来定位元素。 一、position: static 这是元素的默认定位属性，也就是元素在文档流中的位置。如果你没有指定元素的定位属性，那么元素就是 static 定位。 二、position: relative 这个属性相对于元素的默认位置进…
001、前端_CSS 基础
前端_CSS 基础 一、什么是CSS 对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定 二、CSS发展史 三、CSS基本语法结构 1、语法 选择器{ 声明1; 声明2; … } 2、例如 h1 { font-size:12px; color:#F00; } 四、style标签 style标签的作用是用来说明所要定义的样式 <style type="text/css"…