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阅读
HTML中引入CSS样式行内样式内部样式外部样式3种样式的优先级 行内样式 --> 内部样式 --> 外部样式css的选择器基本选择器 标签选择器类选择器ID选择器3种选择器的优先级 ID选择器 --> 类选择器 --> 标签选择器高级选择器 层次选择器 后代选择器子选择器相邻兄弟选择器通用兄弟选择器属性选择器编辑网页文本字体样式fon
伪类:很常用的hover鼠标移动到父元素时子元素变色写父级元素:hover 子元素{}这样直接对子元素进行操作。还有就是对他的兄弟元素发生改变:用+加兄弟元素,如果让所有的兄弟元素发生变化那就把+变成"~"鼠标划过出现大图:先做一个盒子盒子里置入img,然后将盒子隐藏:直接用display:nonedisplay:none隐藏时候不占用空间,而visibility:hidden隐藏的时候会占用空间
转载:感觉写的挺见解的,借鉴过来,以备后用。li 不换行 ------不换行的策略: 不换行原理:ul 和 li 默认都是 display:block; 的标签,可以通过2种方式实现 li 的 不换行显示:* 将 li 设为 display:inline; ,然后通过 marging 和 padding 设置 li 的间距,* 将 li 设为 float:left; ,然后通过
原创 2013-11-18 15:24:31
381阅读
.contentT{ clear:both; border-top:1px solid #fff; border-left:1px solid #fff;}.contentT ul{ width: 300px; }.contentT li{ float:left; list-style-type:none; height:14px; width:52px; display:bl...
qt
转载 2007-06-16 08:00:00
874阅读
li{font-size:9pt;padding:3px;width:220px;list-style:none;}li:hover{background:skyblue; padding:3px;border:1px solid#003399;}
原创 2022-07-22 12:50:42
179阅读
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
一、为什么使用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阅读
美化网页元素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阅读
仅供学习,转载请注明出处简介在设置input的适合,你会觉得默认的input样式并不好看。那么该怎么优化呢?默认的input可以从上面看出,这个样式的确不好看。优化input样式设置 outline-style: none ; 取消外边框可以从上图看出,在点击输入input的适合,框边就显示比较粗的边框,那么怎么将这个样式...
原创 2022-07-22 22:00:26
6981阅读
LI代码的格式化:A).运用CSS格式化列表符: ul li{list-style-type:none;}例如下面的: 供求信息 B).如果你想将列表符换成图像,则: ul li{ list-style-type:none;   font-size:12px; list-style-image: url("csdnindex_pic35.gif"); vertical-align:middle;}...
转载 2009-12-28 21:20:00
733阅读
2评论
 第9章  使用CSS美化表格学习重点正确使用表格标签;设置表格和单元格属性;设计表格的CSS样式。9.1 表格的基本结构表格由行、列、单元格3部分组成,单元格时行与列交叉的部分。在HTML中,表格由<table>标签来定义,每个表格均有若干行,行由<tr>标签定义,每行被分割为若干单元格,单元格由<td>标签定义。字母td表示表格数据(即单
技术
原创 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评论
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阅读
  • 1
  • 2
  • 3
  • 4
  • 5