HTML5 & CSS3
关注
分享
扫一扫
学习笔记
玳宸
这个作者很懒，什么都没留下…
展开
-
HTML5
1. 新增语义化标签< header> : 头部标签< nav> : 导航标签< article> : 内容标签< section> : 块级标签< aside> : 侧边栏标签< footer> : 尾部标签原创 2020-09-22 22:24:43 · 266 阅读 · 0 评论 -
CSS3
1. 属性选择器E[att]——选择具有att属性的E元素E[att=“val”]——选择具有att属性，且属性值等于val的E元素E[att^=“val”]——匹配具有att属性，且值以val开头的E元素E[att$=“val”]——匹配具有att属性，且值以val结尾的E元素E[att*=“val”]——匹配具有att属性，且值中含有val的E元素不用起类名就可以选择2. 结构伪类选择器E:first-child;——匹配父元素中的第一个子元素EE:last-child;——匹配原创 2020-09-27 21:08:27 · 177 阅读 · 0 评论 -
CSS-高级技巧
1.元素的显示与隐藏1.1 display 显示display : none; 隐藏对象，不保留对象display : block;1.2 visibility 可见性1.3 overflow 溢出原创 2020-09-22 09:09:19 · 144 阅读 · 0 评论 -
CSS-定位（position）
1. CSS布局的三种机制普通流（标准流）浮动让盒子从普通流中浮起来——让多个盒子水平排列成一行。定位将盒子定在某一个位置自由的漂浮在其他盒子的上面。2. 定位详解定位=定位模式+边偏移2.1 边偏移属性：top、bottom、left、right2.2 定位模式static 静态模式relative 相对模式absolute 绝对模式fixed 固定模式2.2.1 静态定位默认定位方式，无定位；按照标准流特性摆放，没有边偏移；几乎不用。2.2.2 相对定位原创 2020-09-21 00:18:23 · 147 阅读 · 0 评论 -
CSS-学成在线页面制作案例
1 素材PSD源文件，PS（切片）+sublime（代码）+chrome（测试）2 CSS属性书写顺序1.布局定位属性：display/ position/ float/ clear/ visibility/ overflow2.自身属性：width/ height/ margin/ padding/ border/ background3.文本属性：color/ font/ text-decoration/ text-align/ vertical-align/ white-space/ br原创 2020-09-20 02:24:32 · 1633 阅读 · 0 评论 -
CSS-浮动
一、属性值二、浮动口诀三、浮动应用案例四、浮动的扩展五、清除浮动一、属性值float:nonefloat:leftfloat:right二、浮动口诀浮——脱离标准流，漂浮在普通标准流上方<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .one{原创 2020-09-19 02:05:42 · 194 阅读 · 0 评论 -
使用网页嵌套iframe标签，点击左侧导航栏，在右侧动态显示页面的信息
题目：设计一个框架，分成左、右两个页面，左边页面包含各个超链接，单击超链接时，右边的页面上将显示相应的表单内容。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .main_left{ widt原创 2021-03-09 21:06:51 · 2764 阅读 · 0 评论