自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 css属性(光标形状-强调边框-透明度-背景透明)-缩放-弹性布局

1.光标形状语法:取值:text:文本图标help:问号图标wait:等待的图标pointer: 小手图标move 移动url(),临时替换的样式-----需要在url后面加autodefault 箭头 <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> div{

2022-06-19 15:34:46 434 1

原创 css定位-css新增选择器(内减,属性,伪类,2d变换,过渡)

定位的使用:1.4种定位方式:静态、相对、绝对、固定2.4种边偏移属性:left、right、top、bottom注意:偏移值准确的理解是“距离什么位置有多少像素” 。 如 top:100px; 距离顶部为100像素 (向下走)所有标准流都是静态定位语法: 2.相对定位 相对于自身在标准流的位置进行定位移动语法: 使用场景:微调元素和配合绝对定位来实现效果从父元素一直往上找设置过定位的直系父元素,作为自己的偏移参照物,找不到就继续往上找,直到html停止语法: 使用场景:配合相对定位使用(

2022-06-08 00:04:14 670

原创 伪对象-css浮动(重点)-阴影-细线表格-图标

概念:就是给元素追加一个虚拟标签,由css加载,可以节省html的资源开销,必须有content属性,默认是行元素,可以进行转换。::after:在指定的标签后面添加一个对象::before:在指定的标签前面添加一个对象content:元素里面的内容(内容中不能写标签)语法: 注意:伪对象样式中,必须有content属性,否则伪对象无效多学一招:官方推荐使用双冒号,但是通常为了兼容性更好,我们使用单冒号上面两个伪对象选择器需要结合属性content一起使用总结:1.什么是伪对象?不是实际标签,使用css

2022-06-03 00:48:01 266

原创 css盒子模型-盒子模型特性-元素可见性

4个组成部分:宽高、内间距、边框、外间距注意:添加了padding属性的元素,会加大盒子的宽或高,需要减去padding的大小如果这个块级盒子没有width属性(从父级继承宽度)的时候,添加padding和border不会撑大盒子(盒子内容部分会自动压缩)多学一招:margin:0 auto;可以让盒子在其父元素中居中margin:0 auto;和text-align:center;的区别边框有3要素:边框类型、边框颜色、边框厚度(另加厚度)a) 边框类型语法:取值:(1)solid实线(2)dashed虚

2022-06-02 18:03:22 163

原创 css布局note

1.只要是块元素,就要想到宽高2.块元素(div,p,span,ul,li,ol)默认的宽度都为100%,默认高度03.一个盒子中有了文字,就要想到文字水平(text-align),垂直(line-height)4.看见 a 标签就要想到下划线,颜色,需要精确选到 a 标签5.让一个行内元素或者行内快元素居中,只需要给外面大的块元素 设置text-align:center 即可6.有些标签自带间距,需要清除间距:padding:0 margin:0............

2022-06-02 17:48:46 88

原创 css选择器-行高-背景属性-列表属性-内容溢出-css样式分类-样式的继承和覆盖(重点)-样式的优先级-标签的显示模式(重点)

语法: 将页面中所有标签都选中使用场景:通常设置 元素:link 正常链接状态 元素:visited 点击以后的状态 元素: hover 当鼠标移动上去的状态-------重点、常用 元素: active 当鼠标按下去时候的状态总结: 1.伪类是选择器,不是css的属性,不能写在{}中 2.visited和link不能适用于普通标签,只有a标签才有(LV) 3.hover和active

2022-06-01 21:28:16 337

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除