一、HTML页面结构 <!DOCTYPE>: 该标签位于html文档顶部,用于告诉浏览器,本页面文档使用的是哪种HTML规范,<!DOCTYPE html>表示页面使用HTML5文档规范 <html></html>: 标签对标识了该文档为html页面,标签对限定了文档的开始和结束,html标签中包含 ...
分类:
Web程序 时间:
2017-11-06 21:14:19
阅读次数:
284
知识预览 CSS 语法 css的四种引入方式 css选择器 css属性操作 Caution! 后台管理布局 css响应式布局 课下作业 知识预览 CSS 语法 css的四种引入方式 css选择器 css属性操作 Caution! 后台管理布局 css响应式布局 课下作业 回到顶部 CSS 语法 CS ...
分类:
Web程序 时间:
2017-10-17 18:51:37
阅读次数:
329
1. CSS 定义:指层叠样式表 (Cascading Style Sheets),是一种用来表现 HTML 文档样式的语言,样式定义如何显示 HTML 元素,是能够真正做到网页表现与结构分离的一种样式设计语言。样式通常存储在样 式表中,外部样式表通常存储在 CSS 文件中,多个样式定义可层叠为一。 ...
分类:
Web程序 时间:
2017-10-07 14:30:08
阅读次数:
152
目录: 背景图片样式属性 雪碧图 列表导航栏 超链接的伪类样式 盒子模型、 overflow、 圆角弧度 背景图片样式属性: 运行图 运行图: 列表导航栏: 运行图: 一个小例子: 运行图: 超链接的伪类样式: 运行图: 自己想象 盒子模型: 运行图: 一个小例子: 运行图: overflow属性: ...
分类:
Web程序 时间:
2017-07-26 01:53:48
阅读次数:
312
自学至今有25天左右,到目前为止html和css基础知识学的差不多了。 目前正在仿做静态页面之搜狗首页 这个原模仿网站首页 下面的这是目前为止我做的效果 今天从中午开始正式开始写,写到晚上9点,只完成了这么一点。 主要原因是效率太慢(总结了一下有几个一下原因) 1.对基本一些的用法不太熟悉,单词的拼 ...
分类:
Web程序 时间:
2017-07-21 01:30:17
阅读次数:
426
CSS作用: 外观美化,布局,定位 CSS的几种选择器: 1标签选择器: <head> <meta charset="UTF-8"> <style>/*选择器:你要操作的页面元素 标签选择器:作用于当前页面的所有li标签*/ li{ color: red; } </style> <title>标签选 ...
分类:
Web程序 时间:
2017-07-20 23:55:03
阅读次数:
275
CSS 实例(CSS声明总是以分号(;)结束,声明组以大括号({})括起来:) CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 属性(property)是您希望设置的样式属性(style attribu ...
分类:
Web程序 时间:
2017-07-13 20:27:35
阅读次数:
213
1.定位的盒子居中显示 案例一:(定位的盒子居中显示) 预期效果 实现步骤: 设置父盒子为相对定位 设置子盒子left值为父盒子宽度一半设置子盒子左边距为自己宽度一半 总结:margin:0 auto 只能让在标准流的盒子居中 案例二:(标准流的盒子居中显示) 2.css标签包含规范 ◆div可以包 ...
分类:
Web程序 时间:
2017-07-02 17:46:09
阅读次数:
215
文档流、浮动、清除浮动、overflow、定位 1.文档流 css文档流,标准流是什么? 元素自上而下,自左而右,块元素独占一行,行内元素在一行上显示,碰到父集元素的边框换行。 2.浮动布局 设置了浮动的元素,脱离标准流(脱标) a) float: left | right 元素浮动之后不占据原来的 ...
分类:
Web程序 时间:
2017-07-02 00:09:20
阅读次数:
277
1 基本规范1.1 文件命名规范基本样式:base.css全局样式:global.css框架布局:layout.css字体样式:font.css链接样式:link.css打印样式:print.css 1.2 常用类Class规范页眉:header 内容:content容器:container页脚:f ...
分类:
Web程序 时间:
2017-07-01 15:27:15
阅读次数:
227