学习笔记
文章平均质量分 71
有名凪
一个兴趣使然的Coder
展开
-
HTML5和CSS3的新特性
HTML5和CSS3的新特性html5新增的语言化标签<header> : 头部标签<nav> : 导航标签<article> : 内容标签<section> : 定义文档某个区域<aside> : 侧边栏标签<footer> : 尾部标签注意:这种语义化标准主要是针对搜索引擎的这些新标签可以多次使用看作块级元素html5新增媒体标签<video> 视频当前<video>元素支原创 2022-04-22 18:36:46 · 1106 阅读 · 0 评论 -
元素的显示与隐藏
元素的显示与隐藏类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现本质:让一个元素在页面隐藏或显示出来display属性display: none; 隐藏对象display: block; 除了转化为块级元素之外,同时还有显示元素的意思display隐藏元素后,不在占有原来的位置。visibility 可见性visibility: visble; 元素可视visibility: hidden; 元素隐藏visibility 隐藏元素后,继续占有原来的位置如原创 2022-04-19 12:58:28 · 255 阅读 · 0 评论 -
定位的学习与总结
定位为什么需要定位定位是为了让某一个盒子锁定在屏幕的某一个区域所以浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子定位则是可以让盒子自由的在某个盒子内移动位置或者固定在屏幕中的某个位置,并且可以压住其他盒子定位组成定位:将盒子定在某一个位置,所以定位也是摆放盒子,按照定位的方式移动盒子,定位=定位模式+边偏移定位模式决定元素的定位方式,它通过CSS的position属性来设置,可以分为四个:static 静态定位relative 相对定位absolu原创 2022-04-19 12:57:37 · 171 阅读 · 0 评论 -
浮动的学习与总结
浮动标准流所谓的标准流 就是标签按照规定的默认方式排列块级元素独占一行,从上向下顺序排列行内元素会按照顺序,从左到右顺序排列,遇到父元素的边缘则自动换行标准流是最基本的布局方式为什么学习浮动?有很多布局效果,标准流没有办法完成,此时就可以利用浮动布局完成布局,因为浮动可以改变元素标签默认的排列方式网页布局第一准则: 多个块级元素纵向排列标准流, 多个块级元素纵向排列找浮动float:属性值属性值可以是 none left right 不浮动 向左浮动 向右浮动浮动特性原创 2022-04-19 12:56:29 · 262 阅读 · 0 评论 -
盒子模型总结
CSS盒子模型见解1.先准备好相关的网页元素,网页元素基本上都是盒子2.利用CSS设置好盒子样式,然后摆放到相应的位置3.往盒子里装内容网页布局的核心本质:就是利用CSS摆盒子盒子模型的组成可以分为:border content padding margin1.border属性有border-width 调整像素border-style 包括 常用的dashed虚线 dotted点线 solid实线border-color合并写法 为border:1px solid pink 没有顺序要求原创 2022-04-19 12:55:28 · 173 阅读 · 0 评论 -
Hexo一些常见命令
Hexo约有二十个命令,但普通用户经常使用的大概只有下列几个:hexo shexo s启动本地服务器,用于预览主题。默认地址: http://localhost:4000/hexo s 是 hexo server 的缩写,命令效果一致;预览的同时可以修改文章内容或主题代码,保存后刷新页面即可;对 Hexo 根目录 _config.yml 的修改,需要重启本地服务器后才能预览效果。hexo newhexo new “每日总结 1”新建一篇标题为 每日总结 1 .原创 2022-04-19 12:54:07 · 183 阅读 · 0 评论