首页 > 其他分享 >黑马pink css8 高级

黑马pink css8 高级

时间:2023-12-28 17:00:59浏览次数:41  
标签:pink css8 行内 outline 元素 黑马 图片

精灵图使用核心总结:

字体图标的优点和不足:

利用边框构建三角形:

鼠标样式:

取消表单轮廓线:
outline:0 outline:none
禁止更改文本框大小:
resize:none

实现图片(行内元素或行内块元素)和文本的垂直居中对齐:
vertical-align: middle;

解决图片底部默认空白缝隙的问题

单行文本溢出显示省略号:

多行:

常用布局技巧:
-1像素实现边框不重叠

利用图片浮动实现文字环绕图片

利用行内元素和行内块元素实现水品居中
更多形状的三角形:

标签:pink,css8,行内,outline,元素,黑马,图片
From: https://www.cnblogs.com/SKEZhi/p/17930837.html

相关文章

  • 黑马pink css7
    定位的作用1:让盒子自由地在某个盒子内移动位置或者固定屏幕中的某个位置,并且可以压住其他盒子。定位=定位模式+边偏移定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。定位模式:position:static、relative、absolute、fixed静态定位static......
  • 黑马pink css6
    盒子的圆角边框:圆形和圆角矩形的设置方法:盒子阴影:不占用空间文字阴影:用得不多网页布局的三种方式:标准流:占用一行或共用一行浮动定位实际开发要用这三种方式网页布局第一准则:多个块级元素纵向排列用标准流,多个块级元素横向排列用浮动浮动:将盒子移到一边,直到左边缘或右......
  • 前端学习笔记DAY3 HTML5基础(3)(b站pink老师)
    ​二.HTML标签6.表格标签1.1表格的主要作用表格不是用来布局页面的,而是用来展示数据的。1.2表格的基本语法<table><tr><td>单元格内的文字</td>...</tr>...</table>(1).<table></table>是用于定义表格的标签。(2).<tr></tr>标签用于定义表格中的行,必须嵌套在......
  • Mybatis(黑马)
    1.框架概述课程介绍三层架构和ssm框架的对应关系jdbc操作数据库的问题分析jdbc代码回顾javapublicstaticvoidmain(String[]args){Connectionconnection=null;PreparedStatementpreparedStatement=null;ResultSetresultSet=null;try{//加载数据库......
  • 前端学习笔记DAY2 HTML5基础(2)(b站pink老师)
    二.HTML标签4.HTML常用标签4.1标签语义学习标签的重点是记住每个标签的语义。就是指标签的含义,即这个标签是用来干嘛的。根据标签的语义,在合适的地方给一个最为合理的标签,可以让页面结构更清晰。※4.2标题标签<h1>-<h6>HTML提供了6个等级的网页标题,即<h1>-<h6>。......
  • 前端学习DAY1 HTML5基础(1)(b站pink老师)
    一、HTML简介1.网页 1.1什么是网页  网站是网页的集合,网页是网站中的一“页”(构成网站的基本元素)。 网页由图片、链接、文字、声音、视频等元素构成,通常是HTML格式的文件(.htm.或html后缀),通过浏览器来阅读。 1.2 什么是HTMLHTML(超文本标记语言),它是用来描述网页的......
  • Python:函数综合案例-黑马ATM
    综合案例:黑马ATM主菜单查询余额效果存取款效果#总额totaltotal=5000000#定义None影响不大,可以不定义name=None#要求客户输入姓名name=input("请输入您姓名:")#菜单提示defmenu():print("-"*19+"主菜单"+"-"*19)print(f"{name},您......
  • 递归时间复杂度---黑马程序员
    1.主定理求时间复杂度  展开求时间复杂度 ......
  • 黑马java基础简记
    day02——数据类型、运算符需要我们注意的是,随便写一个整数或者小数的字面量,它也是有默认数据类型的-比如23,它默认就为int类型;如果加上后缀L,则为long类型;-比如23.8,它默认为double类型;如果加上后缀F,则为float类型; //如果希望随便写一个整型字面量是long类型的,需要在其后......
  • vulnhub-Pinky's Palace v3
    在夏令营做的一个靶机,还是挺有意思的,也就做了我一天而已(菜没办法),这个靶机是当时夏令营老师布置的一道题,但是后面实在不会做就去网上搜了wp,才知道原型是Pinky'sPalacev3。Pinky'sPalacev3(flag在文章尾)打开靶机和kali,将靶机和kali设为同一网段。nmap扫到靶机ip为kali:192.16......