一 CSS文字属性：color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-variant:small-caps; /*小字体*/letter-spacing : 1pt; /*字间距离*/line-height : 200%; /*设置行高*/font-weight:bold; /*文字粗体*/vertical-align:sub; /*下标字*/vertical-align:super; /*上标字*/text-decoration:line-through; /*加删除线*/text-decoration: ...
一个网页要说最多的还是文字，上篇博客说CSS样式是一个网页的精髓，那网页中最直接表现出来的就是文字和图片，还有一些所谓的表单，首先先说最为熟悉和常用的文字。让CSS控制网页中的文字，使它不再那么枯燥平淡，从此网页文字变得绚丽多彩。一、文字样式 文字样式主要包括文字的大小、颜色、字体等，具体包括如下写一个小例子，综合运用上述所有的文字效果样式：代码：<html> <head><title>文字字体</title> <style> body{b...
div最小高度去除办法：IE6中，使用CSS定义DIV的高度的时候经常遇到这个问题，就是当DIV的最小高度小于一定的值以后，就会发现，无论你怎么设置最小高度，Div的高度会固定在一个值不再发生变动，这个问题很是烦人。如下面的情况。 HTML代码 复制代码代码如下:<html> <head> <title></title> <style type="text/css"> <!-- #testdiv { background: #009900; height: 3px; } --> </style> </head> <body> <div id="testdiv"></div> </...
运行效果： 源代码： 1<!DOCTYPE html> 2<html lang="zh"> 3<head> 4<meta charset="UTF-8"> 5<title>Sina</title> 6<style type="text/css"> 7 *{ 8 margin: 0; 9 padding: 0;10 border: none;11}1213 body{14 font-family: "微软雅黑";15 font-size: 14px;16 color: black;17}1819 .container{20 width: 600px;21 ...
场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld：https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106413828Electron怎样进行渲染进程调试和使用浏览器和VSCode进行调试：https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106414541在上面搭建好项目以及知道怎样进行调试后如果要想将某些web网页内嵌进来，类似于iframe的效果。注：博客：https://blog.csdn.net/bada...
[转载]昵称：lhyterry 字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位：PX、PD、EM粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常)变体 {font-variant: small-caps;}(小型大写字母) normal;(正常)大小写 {text-transform: capitalize;...
text-indent 首行缩进，只与元素第一行有关 eg. text-indent：50px 首行缩进50像素white-space 设置如何处理元素内的空白 eg. white-space:pre-wrap 保留空格和回车 white-space:pre 空白会被浏览器保留，其行为方式类似 HTML 中的 <pre> 标签 white-space:nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止 white-space:pre-line 合并空白符序列，但是保留换行符。原文：htt...
这可能是一个非常简单的问题，但是今天花一点点时间把这个简单的问题在说清晰一点，相信大家对ＣＳＳ的学习和认识会很有帮助，强化一些概念的东西，对以后的工作效率的提高是很有裨益的。 我们看过一些样式表文件的样式名都写的很长，比如：body #header .topbar.logo{...}，这是因为利用了元素的继承关系，利用元素名，或者ＩＤ名和类名（也就是class名）来精确定位和描述某一个区域的css样式表格式。 初学样式表的人肯定会...
我们在设计网页样式的时候，经常会用到边框，那么css中的边框具体有哪些样式呢，下面我们来看。首先，在css中设置border的时候，我们一般给给出三个值，线条样式，线条粗细，线条颜色。以上的三个值，线条样式是必须要设置的，否则边框则无法显示到页面上，border的线条样式有四种，分别是：实线（solid）点线（dotted）双实线（double）虚线（dashed）粗细和颜色可以默认，粗细默认是3px，颜色是根据当前元素的文本颜色决定的。所...
自定义blog样式时，代码段的line-height继承样式post的line-height，间隔太大了，决定再减小点，css都玩了几年了，感觉中这是很容易的事情。然后，就悲剧了好久，原先自定义样式表为.headermaintitle {font-family:"华文行楷",Verdana,Arial,Helvetica,sans-serif;font-size:50px; } .headerDis {font-family:"华文行楷",Verdana,Arial,Helvetica,sans-serif;font-size:20px;text-align:center; } body {font-size:12px; } .mySear...
外部式css样式，写在单独的一个文件中外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：<link href="base.css" rel="stylesheet" type="text/css"/>注意：1、css样式文件名称以有意义的英文字母命名，如 main.css。2、rel="stylesheet" type="text/css" 是固定写法不可修改。3...
CSS的某些样式是具有继承性的继承是一种规则，样式不但可以应用于某个特定的html标签元素，还可以应用于其后代元素p{color: brown;}<p>今天是<span>星期三</span> </p> 如上代码所示的效果中，颜色不仅应用于p标签，还可以应用于span标签 注：有些css样式是不具有继承性的，如边框属性p {width: 100px;border: 2px solid red; }<p>今天是<span>星期三</span> </p> 如上代码所示的效果中，边框样式只应用在了p标签上，对span标签并没...
换图的方法input[type=‘checkbox‘] { width: 20px; height: 20px; background-color: #fff; -webkit-appearance: none; border: 1px solid #c9c9c9; border-radius: 2px; outline: none; } .li_ipt input[type=checkbox]:checked { background: url("img/ok.png")no-repeat center; }原文：https://www.cnblogs.com/yyy251/p/8892083.html
------------恢复内容开始------------1. 前话为适应最新的前端React框架,之前一直使用的是UMI框架，这一次由于项目的内容较多，所以干脆直接上了AntdProV5版本，尝尝鲜~2. 问题经常使用cesium开发的同学应该对cesium的配置比较熟悉，这里就不赘叙了，直接进入主题：import ‘cesium/Source/Widgets/widgets.css‘; 上述代码为cesium开发环境配置好后，需要引入cesium样式文件，即widgets.css文件，问题来了：3. 解决方案根据问题能...
初始化样式。@CHARSET "UTF-8"; body,ur,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;} body{font-size:12px;} img{border:none;} li{list-style:none;} input,select,textarea{outline:none;} textarea{resize:none;} a{text-decoration:none;} /*清除浮动*/ .clearfix:after{content:"";dispaly:block;clear:both;} .clearfix{zoom:1;}原文：htt...