回顾html5和css3新增的标签内容 css初始化 查看初始化代码 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657* { margin: 0; padding: 0}em, i { font-style: normal}li { list-style: none}img { border: 0; vertical-align: middle}button { cursor: pointer}a { color: #666; text-decoration: none}a:hover { color: #c81623}button, input { ...

👀Hexo-butterfly实现Github+Coding+云服务器一键部署本文主要是实现Coding的一键部署，点击下方链接可查看之前的GitHub和云服务器的一键部署教程 GitHub和云服务器的一键部署教程 思维导图 coding部署教程 访问Coding官网注册登录，登录后创建好项目，注意登录时可以使用腾讯云的账号扫码登录，切记要记好创建的用户名。 注册好之后点击右上角头像找到个人账户设置，个人设置绑定好手机号等等 创建DevOps项目 个人账户设置绑定SSH公钥 修改本地的hexo的_config.yml文件的deploy设置 绑定账户 保证账户的安全，绑定好这些信息 帮助后面验证部署信息使用 查看图例 创建项目 点击创建项目-DecOps 查看图例 建立项目仓库 创建项目仓库时要选择公开 查看图例 ...

灵活使用css画图，熟练使用代码 css三角形的画法三角形画法 左上角直角三角形 查看代码 1234567.box-up{ height: 0px; width: 0px; border-top:50px solid #517983; border-right: 50px solid transparent; margin: 10px auto;}扩展 - 改变top/right的值，使三角形的边发生改变右上角，左下角，右下角同理 使用css三角形画平行四边形 查看代码 有多种画法，巧妙使用浮动，定位1234567891011121314151617181920212223.box-p{ width: 200px; height: 100px; margin: 50px auto; background-color: #888 ...

css知识回顾，定位，精灵图，文本省略等等 css定位 为什么需要定位-因为标准流和浮动流无法快速实现 定位的组成：定位模式+边偏移 边偏移使用top,buttom,right,left属性移动 静态定位：position：static（很少使用） 相对定位：position：relative(位置保留) 绝对定位：position：absolute（先对于父元素）父元素无定位或者没有父级以浏览器为标准，以最近的有定位父元素对齐（不在占有位置） 子绝父相 巧妙使用> 固定定位 position：fixed（不占有位置） 以可视化的窗口为参照点，使用算法固定在版心的位置 先定义浏览器的一半，left/right：50%，在使用margin-left：版心的一半 粘性定位 postion：sticky；top:0占有原来的位置（浏览器可视区） 定位叠放次序 z-index数值越大盒子越靠上 层叠性，属性都相同时候 只有定位的盒子才有z-index属性 绝对定位盒子局中 margin：0 auto;加了绝对定位的盒子无法适用 与定义版心位置的方法类似margin为负值 相对定 ...

一些常见的问题，浮动，塌陷等等 常见的元素 查看元素 块级元素:(div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre，HTML5新增的header、section、aside、footer等）行内元素:(span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、i（斜体）、q（短引用）、textarea、select、small、sub、sup，strong、u（下划线）、button（默认display：inline-block））行内块级元素常用的行内块级元素：<img> <input> 圆角的使用 圆形的使用设置一个正方形radius要为边的一半 圆角矩形radius等于height 可以设置四个角度的弧度 top-left,top-right,buttom-right,buttom-left 阴影的使用 ...

css基础知识回顾，查漏补缺 行高特性 line-height=height可以实现垂直局中 line-height>height 文字偏下 line-height<height 文字偏上 font行高可以跟单位也可以不跟,如果不跟，则是是的倍数 背景 background-repeat: repeat,no-repeat,repeat-x,repeat-y background-position: x y (方位名词与顺序无关) 查看注意事项 精确单位，和混合单位background-attachment: scroll |fixed背景复合属性 背景颜色，背景图片地址，背景平铺，背景图像滚动，背景位置半透明 rgba(0,0,0, 0.3)精灵图减少服务器的加载图片次数 css特性 层叠性，就近原则，后来居上 继承性inherit， text-， line- ，color可继承 优先级 继承通配符*< 元素<类选择器，伪类&l ...

Css学习整理 font复合属性 font: font-style,font-weight,font-size/line/height,font-family font-size和font-family两个属性不能省略 文本属性 text-decoration 文本修饰 text-indent 文本缩进 选择器后代选择器 元素1 元素2 { 声明 },元素2是元素1的孩子,也可以是孙子,也可以类选择器和后代选择器混合双打 子选择器 元素1>元素2{ 声明 }，就近原则 并集选择器 用,隔开，格式竖着写，最后一个不加逗号 伪类选择器 :伪类选择器 链接伪类选择器：a:link 未访问过的链接，a:visited 点击后的效果， a:hover 经过的时候的效果，a:action 活动的效果，按照顺序 focus伪类选择器 input:focus { } 元素 文字标签内不能放块元素 链接里面不能放链接，a标签里面可以放块元素 行内块元素 img,input,td 行内元素不能直接设置高度 块级元素转化行级元素 display: inline ...

Css学习整理，记录容易忘掉的一些内容本次内容包括Css字体，css链接，css列表,css表格等 css字体 font-variant:把段落设置为小型的大写字母字体 属性有small-caps，normal，inherit 16px=1em css链接 a 标签的状态 a:link 普通的，未被点击的链接时候的状态 a:visited 用户已经访问的链接 a:hover 鼠标指针位于链接的上方 a:active 链接被点击的时刻 顺序要求 a:hover 必须跟在 a:link 和 a:visited后面 a:active 必须跟在 a:hover后面 a:link-a:visited-a:hover-active 链接属性可改变链接hover时的字体大小，颜色背景，可以消除下划线text-decoration:none,还可以加入方框类型display:block css列表 list-style-type:circle空心圈无序 <ul style="list-style-type:circle">无序空 ...

🔔css学习内容css样式-背景，文本，链接等等 css创建 插入样式表的方法有三种: 外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inline style) CSS 优先规则： 内联样式 > id 选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 标签选择器 = 伪元素选择器 css背景 关键字 background-repeatbackground-position 值 描述 repeat 默认。背景图像将在垂直方向和水平方向重复。 repeat-x 背景图像将在水平方向重复。 repeat-y 背景图像将在垂直方向重复。 no-repeat 背景图像将仅显示一次。 inherit 规定应该从父元素继承 background-repeat 属性的设置。 单一关键字 等价的关键字 center center center top top center 或 center top bottom bottom center ...

踏上学习前端的旅途！！第一站：css 什么是css层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。 思维导图 css语法 css基础语法 选择器+声明（属性+值）注：多个属性值之间加; css高级语法 选择器可分组，用,即可 继承及问题 设置body元素，通过 CSS 继承，子元素将继承最高级元素所拥有的属性 css派生选择器123p strong { font-size:12px;} 符合 p strong规则的才会受影响<p><strong>字体</p></strong> css ID选择器 Id 选择器以“#”来定义注意：id属性只能在每个HTML文档中出现一次，id 就是唯一标识, id 的作用就是唯一标识元素, id 在html 中出现多次也不会报错, ...