CSS
关注
分享
扫一扫
chen_zan_yu_
同是寒窗苦读，岂能甘拜下风
展开
-
js输出方式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 控制浏览器弹出一个警告框 * */ alert(...原创 2019-07-31 19:40:09 · 126 阅读 · 0 评论 -
CSS基础_完善clearfix02
网页效果链接<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1{ width: 300px; height: 300px; ...原创 2019-06-09 15:31:33 · 181 阅读 · 0 评论 -
CSS基础_完善clearfix01
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1{ width: 300px; height: 300px; backgr...原创 2019-06-09 15:23:54 · 164 阅读 · 0 评论 -
css---小项目（你好六月QAQ~~~）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } bod...原创 2019-06-01 01:03:42 · 158 阅读 · 0 评论 -
CSS基本基础---导航条练习
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .nav{ li...原创 2019-05-28 23:15:51 · 328 阅读 · 0 评论 -
HTML&CSS基础_简单布局
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .header{ ...原创 2019-05-26 22:37:01 · 208 阅读 · 0 评论 -
css---使用display:inlie-block实现图片横排
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用display:inlie-block实现图片横排</title> <style type="text/css"> body{ margin: 0px;/*重置b...原创 2019-05-24 14:38:43 · 1058 阅读 · 0 评论 -
使用列表和diaplay:inline创建横向菜单
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用display:inlie样式创建横向菜单</title> <style type="text/css"> body{ margin: 0px;/*重置body外...原创 2019-05-24 14:11:34 · 304 阅读 · 0 评论 -
css---使用列表和列表属性创建纵向菜单
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用列表及css属性创建纵向菜单</title> <style type="text/css"> body{ margin: 10px; font-size:...原创 2019-05-24 14:01:13 · 2322 阅读 · 0 评论 -
css---盒子模型---外边距
<!DOCTYPE html><html> <head> <meta charset=ut"utf-8"> <title></title> <style type="text/css"> .box1{ width: 200px; height: 200px; back...原创 2019-04-19 17:59:16 · 425 阅读 · 0 评论 -
css---盒子模型---内边距
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 100px; height: 100px; backgr...原创 2019-04-19 17:31:59 · 371 阅读 · 0 评论 -
HTML&CSS基础_表单简介
链接@@@@@<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 表单的作用就是用来将用户信息提交服务器的 eg:百度的搜索框 注册...原创 2019-06-09 16:13:35 · 164 阅读 · 0 评论 -
HTML&CSS基础_表单项一
效果链接<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 表单的作用就是用来将用户信息提交服务器的 eg:百度的搜索框 注册 登入...原创 2019-06-09 16:58:48 · 253 阅读 · 0 评论 -
HTML&CSS基础_表单项二
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 表单的作用就是用来将用户信息提交服务器的 eg:百度的搜索框 注册 登入 这些操作都是...原创 2019-06-21 08:09:01 · 192 阅读 · 0 评论 -
盒子模型
原创 2019-06-28 08:11:05 · 162 阅读 · 0 评论 -
css---基础知识
原创 2019-06-27 11:45:43 · 113 阅读 · 0 评论 -
css---登入页面
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ background-color: pink; } </style>...原创 2019-06-23 23:19:54 · 344 阅读 · 0 评论 -
使用Canvas元素来描绘矩形
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function ...原创 2019-06-23 00:20:16 · 168 阅读 · 0 评论 -
使用Canvas元素描绘三角形
moveTo的含义：将画笔移到该点的位置，然后开始绘画；lineTo的含义：将画笔从起点开始画直线，一直到终点的坐标；<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title><...原创 2019-06-23 00:14:23 · 606 阅读 · 0 评论 -
使用Canvas画两条线
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> functi...原创 2019-06-23 00:10:14 · 2429 阅读 · 0 评论 -
使用Canvas元素来绘制图形
分三步走：获取canvas对象。 获取上下文环境对象context。 开始绘制图形。<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title></title> <...原创 2019-06-22 23:50:10 · 454 阅读 · 0 评论 -
HTML&CSS基础_属性hack
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ background-color: #bfa; /*假设在IE6中需要背景颜色设...原创 2019-06-25 16:22:30 · 217 阅读 · 0 评论 -
HTML&CSS基础_ie6png的修复
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1{ width: 200px; height: 200px...原创 2019-06-21 09:34:20 · 189 阅读 · 0 评论 -
HTML&CSS基础_框架集
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 作者：1395314176@qq.com 时间：2019-...原创 2019-06-21 08:42:47 · 629 阅读 · 0 评论 -
css---边框简写属性
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width: 200px; height: 200px; backgro...原创 2019-04-19 16:59:48 · 978 阅读 · 0 评论 -
css---盒子模型---边框
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ /* * 使用width来设置盒子内容区的宽度 * 使用heigh...原创 2019-04-19 16:45:32 · 222 阅读 · 0 评论 -
css---文本样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .p1{ /* * text-transform可以用来设置文本的大小写 * 可...原创 2019-04-19 12:51:51 · 166 阅读 · 0 评论 -
css~~~长度单位
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* * 长度单位 * 像素 px * -像素是我们网页使用最多...原创 2019-04-05 14:26:37 · 136 阅读 · 0 评论 -
css~~~定义列表
<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title></title> </head> <body> <!-- 定义列表用来对一些词汇或内容jin'xing 定义 使用dl来...原创 2019-04-05 13:57:08 · 1031 阅读 · 0 评论 -
兄弟选择器(31)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* * 为span后的一个p元素设置背景颜色为黄色 * 后一个兄弟元素选择器 * ...原创 2019-03-30 19:36:52 · 166 阅读 · 0 评论 -
子元素选择器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* * 为第一个p标签设置一个背景色为黄色 * ：first-child可以选中第一个子元...原创 2019-03-30 19:27:43 · 207 阅读 · 0 评论 -
属性选择器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* * 为所有具有title属性的元素的p元素，设置背景颜色为黄色 * 属性选择器 ...原创 2019-03-29 23:26:59 · 125 阅读 · 0 评论 -
伪元素（送上周慧敏《最爱》）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* * 使用伪元素来表示元素中的一些特殊的位置 */ /* * 为P中的第...原创 2019-03-29 17:37:21 · 204 阅读 · 0 评论 -
常见选择器24
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>常见的选择器</title> <style type="text/css"> /* * 元素选择器 * * 作用:通过元素可以选择页面中的所有...原创 2019-03-21 15:54:09 · 265 阅读 · 0 评论 -
css块元素和内联元素(23)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 块元素和内联函数 div就是一个块元素 独占一行的元素 div元素时给页面来...原创 2019-03-20 20:26:29 · 251 阅读 · 0 评论 -
css语法
<!doctype html><html> <head> <meta charset="utf-8" /> <title>CSS</title> <style type="text/css"> /* css的注释，作用和html注释类似，原创 2019-03-10 10:31:33 · 102 阅读 · 0 评论 -
css外部样式
<!doctype html><html> <head> <meta charset="utf-8" /> <title>CSS</title> <!-- 也可以将CSS样式编写到head中的style的标签里 将样式编写的style标签中，然后通过css选择器选中指定元素原创 2019-03-10 10:15:14 · 4119 阅读 · 0 评论 -
css~~~RGB值
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1{ width: 100px; height: 100px; /...原创 2019-04-05 14:47:12 · 428 阅读 · 0 评论 -
css&html伪类选择器(27)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* * 伪类专门用来表示元素的一种特殊的状态 * 比如：访问过的链接，比如普通的超...原创 2019-03-27 15:25:16 · 148 阅读 · 0 评论 -
css---行高
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* * 在CSS中并没有提供我们一个直接行间距地方式 * 我们只能通过设置行高来间接地设置...原创 2019-04-11 18:57:28 · 290 阅读 · 0 评论