1.美化滚动条        ::-webkit-scrollbar {             width: 8px;      
原创 2018-03-08 15:32:54
1171阅读
input{ padding: 20px; width: 100%; height: 5vh; margin-bottom: 2vh; border-radius: 10vw; border: 0; outline-style: none; } input{ padding: 20px; width
原创 2022-04-19 16:16:25
962阅读
伪类:很常用的hover鼠标移动到父元素时子元素变色写父级元素:hover 子元素{}这样直接对子元素进行操作。还有就是对他的兄弟元素发生改变:用+加兄弟元素,如果让所有的兄弟元素发生变化那就把+变成"~"鼠标划过出现大图:先做一个盒子盒子里置入img,然后将盒子隐藏:直接用display:nonedisplay:none隐藏时候不占用空间,而visibility:hidden隐藏的时候会占用空间
HTML中引入CSS样式行内样式内部样式外部样式3种样式的优先级 行内样式 --> 内部样式 --> 外部样式css的选择器基本选择器 标签选择器类选择器ID选择器3种选择器的优先级 ID选择器 --> 类选择器 --> 标签选择器高级选择器 层次选择器 后代选择器子选择器相邻兄弟选择器通用兄弟选择器属性选择器编辑网页文本字体样式fon
css修饰HTML一、CSS的优势1.内容与表现分离; 2.CSS使网页的表现统一,并且容易修改; 3.丰富的样式使得页面布局更加灵活; 4.减少网页的代码量,增加网页的浏览速度,节省网络带宽; 5.运用独立于页面的CSS,还有利于网页被搜索引擎收录。二、引入CSS标签的方式1行内样式<!DOCTYTE html> <html> <head lang="en">
使用JavaFX开发桌面程序注:我也是JAVA FX的初学者之一,自己在学习的时候踩了许多的坑,中文英文的资料查了不少,但是觉得FX技术和其他热门技术相比,教程还是太少了。这里就尽量做一点微小的贡献吧使用环境注:写这个只是为了说明我的环境,使用和我的不一样的环境在理解这篇教程的时候并没有什么问题,例如使用Windows平台、使用Oracle JDK(这样就不需要再单独安装FX组件了,可以不用MAV
美化网页元素3.1 为什么要美化网页有效的传递页面信息美化网页,页面漂亮,才能吸引用户凸显页面的主题提高用户的体验span标签:重点要突出的字用span标签套起来<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>span标签</
CSS
转载 2021-03-13 20:22:17
534阅读
2评论
伴随网络时代日新月异的发展,用户不仅仅满足于软件系统的功能需求,对软件系统的页面显示效果以及交
原创 2022-07-23 00:18:20
166阅读
一、为什么使用CSS有效的传递页面信息,使用CSS美化过的页面文本,使页面漂亮、美观,吸引用户,可以很好的突出页面的主题内容,使用户第一眼可以看到页面主要内容,具有良好的用户体验。二、字体样式属性名含义举例font-family设置字体类型font-family:"隶书";font-size设置字体大小font-size:12px;font-style设置字体风格font-style:italic
原创 2023-03-24 17:30:06
501阅读
1点赞
.
转载 2023-06-26 10:04:53
66阅读
仅供学习,转载请注明出处简介在设置input的适合,你会觉得默认的input样式并不好看。那么该怎么优化呢?默认的input可以从上面看出,这个样式的确不好看。优化input样式设置 outline-style: none ; 取消外边框可以从上图看出,在点击输入input的适合,框边就显示比较粗的边框,那么怎么将这个样式...
原创 2022-07-22 22:00:26
6981阅读
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width",initial-> <link rel="styleshee...
转载 2022-02-18 17:51:21
1064阅读
::-webkit-scrollbar { width: 6px; background-color: #F5F5F5;}::-webkit-scrollbar-thumb { background-color: #999;}
f5
原创 2022-08-23 09:54:11
348阅读
技术
原创 2021-07-30 10:56:29
1125阅读
1.把块级元素转化为内联元素:display:inline 把内联元素转化为块级元素:display:block 2.盒子的宽=width+左右边框值+左右内边距 盒子的高=height+上下边框值+上下内边距 3.处理水平方向和垂直向上的溢出问题 auto溢出时显示滚动条。hidden溢出内容隐藏 ...
转载 2021-10-25 21:09:00
342阅读
2评论
block块级元素,单独占据一整行,形状是矩形,有自己的高度和宽度<div><p><form><ul><li> inline内联元素,不能单独占据一整行,没有固定形状,也无法设置高度和宽度,形状由其本身的内容决定,如<img><input><a><span><label> 填充:padding 边框 ...
转载 2021-10-26 21:21:00
236阅读
2评论
 第9章  使用CSS美化表格学习重点正确使用表格标签;设置表格和单元格属性;设计表格的CSS样式。9.1 表格的基本结构表格由行、列、单元格3部分组成,单元格时行与列交叉的部分。在HTML中,表格由<table>标签来定义,每个表格均有若干行,行由<tr>标签定义,每行被分割为若干单元格,单元格由<td>标签定义。字母td表示表格数据(即单
<a href="javascript:;" class="a-upload"> <input type="file" name="" id="">点击这里上传文件 </a> <a href="javascript:;" class="file">选择文件 <input type="file" na
转载 2020-07-09 10:28:00
2912阅读
2评论
思路:input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹,就实现了美化功能。
转载 2022-07-11 10:35:10
1190阅读
CSS(十六)——美化表单实操前言本篇笔记中并不会记录一个真实的案例(太懒了,就想把核心记录下来),仅将一些基本的页面美化的操作记录下来,新知识点较少,依旧会先补充知识点说明后再进行相应的说明。另:我们在做前端页面的时候都会提前先将浏览器页面的样式重置,这时候需要一个重置样式表 文章目录CSS(十六)——美化表单实操前言概述补充知识点placeholderdisabled表单美化注意事项表单的分区
  • 1
  • 2
  • 3
  • 4
  • 5