随笔分类 - html/css
html/css/css高级
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-e
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：动画和过渡类似，都可实现动态效果 不同点是过渡需要在某个属性发生变化时才会触发 动画可以自动触发 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" c
阅读全文
摘要：通过过渡可以指定一个属性发生变化的切换方式 通过过渡可以创建一些非常好的效果，提升了用户体验 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" con
阅读全文
摘要：表单在现实生活中用于提交数据 在网页中可以使用表单，网页中的表单用于将本地的数据提交给远程的服务器 使用form标签创建一个表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-
阅读全文
摘要：表格 一个<tr></tr>等于一行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：背景颜色 改变元素背景的颜色:background-color: 颜色; 在背景插入图片 background-image 可以同时设置背景图片和背景颜色，设置背景颜色将会图片的背景颜色 如果背景的图片小于元素，则背景图片会自动在元素中平铺 如果背景的图片大于元素，将会一个部分背景无法完全显示 如果
阅读全文
摘要：行高line height 行高指的是文字占有的实际高度 可以通过line-height来设置高度 行高可以直接指定一个大小(px em) 也可以直接指定一个整数 如果是一个整数的话，行高将会是字体的指定倍数 字体框 字体框就是字体存在的格子，设置font-size实际上就是在设置字体框的高度 行高
阅读全文
摘要：字体的样式 color 设置字体颜色 font-family:"设置字体"可以同时设置多个字体可以在网页上下载更多样式的字体 font-size:"设置字号大小"
阅读全文
摘要：z-index属性可以设置元素在页面上谁先优先显示 数字越大优先显示越先 z-index: 填写数字;
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：BFC解决高度塌陷 定义：BFC（Block Formatting Context）全称是块级格式化上下文，用于对块级元素排版，默认情况下只有根元素（body）一个块级上下文，但是如果一个块级元素设置了float:left,overflow:hidden或position:absolute样式，就会
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：left 元素左浮动 right 元素右浮动 元素设置浮动之后会从文档流中脱离，不再占用文档流中的位置 设置浮动以后元素向父元素的左侧或者右侧移动 浮动元素不会从父元素中移除 浮动元素向左或向右移动时，不会超过它前面的其他浮动元素 <!DOCTYPE html> <html lang="en"> <
阅读全文
