随笔分类 -  Html+CSS

CSS3一些新的UI方案
摘要：文本新增属性 一、文字阴影 用法： text-shadow: h-shadow v-shadow blur color; 可以一次设置多层阴影，用逗号分开，如下， text-shadow: -5px -10px -5px mediumpurple, 5px 10px 5px pink; 二、文字描边 阅读全文
posted @ 2019-12-28 22:02 一只懒惰的大蜜蜂 阅读(268) 评论(0) 推荐(0)
CSS中的伪类与伪元素选择器
摘要：伪类 一、链接伪类（又叫锚点伪类） (1) :link：用于给a标签设置点击前的样式，:visited：用于给a标签设置鼠标点击后的样式，:hover：给a标签设置当鼠标移入时显示的样式，:active：给a标签设置当鼠标摁下时显示的样式 由于a标签的:link和:visited可以覆盖a标签的所有 阅读全文
posted @ 2019-12-26 23:21 一只懒惰的大蜜蜂 阅读(656) 评论(0) 推荐(0)
子盒子在父盒子内保持垂直水平居中的多种方案--已知子元素高度、未知子元素高度
摘要：一、方案一（已知子元素的宽高） 1.子元素开启绝对定位，父元素开启相对定位 2.子元素设置left、right、top、bottom属性都为0，margin为auto 或者 （注意2、3步二选一） 3.子元素left设为50%，top设为50%，margin-left设为 -子元素的width/2p 阅读全文
posted @ 2019-12-26 17:05 一只懒惰的大蜜蜂 阅读(843) 评论(0) 推荐(1)
3种常见的CSS页面布局--双飞翼布局、粘连布局、左右两列布局
摘要：一、左右两列布局 1、代码如下，可先粘贴复制，自行运行 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>两列布局</title><!--左边列固定，右边列自适应--> <style type="text/css"> *{ padd 阅读全文
posted @ 2019-12-26 15:38 一只懒惰的大蜜蜂 阅读(619) 评论(0) 推荐(0)