font | 易学教程

CSS样式2 标签选择器

阅读更多关于 CSS样式2 标签选择器

CSS选择器 css选择器类型有六种，分别是标签选择器 p 类别选择器 .one ID选择器 #left 嵌套声明 p span 集体声明 p.hl 全局声明 * 标签选择器 <style type="text/css"> body { background-color : #css ; text-align : center ; font-size : 12px ; } h1 { font : “黑体” ; font-size : 20px } p { color : red ; font-size : 16px ; } hr { width : 200px } </style> <body> <h1>标题</h1> <hr> <p>\正文段落</p> 版权所有 </body> 运行结果来源： CSDN 作者：倾听彼岸链接： https://blog.csdn.net/qq_46031627/article/details/103830032

markdown样式代码保存

阅读更多关于 markdown样式代码保存

/*此样式是没任何效果的，留给你填写的你可以随意修改，组合你想要的css样式没有最好的，只有最合适的，看看后面的示例，你就会懂得写个你最爱的样式，并保存了的！建议先复制某一你喜欢的css模板样式到此样式下，再在此基础上自定义自己的css样式。来试试吧！ ^_^*/ h1,h2,h3,h4,h5,h6 { color: #3e3e3e; } h1 span,h2 span,h3 span,h4 span{ border-left: 5px solid #ff5722; padding-left: 10px; } h1{ border-bottom:2px solid #ff5722; line-height: 38px; } h1 span{ color: white; background: #ff5722; border-left: 0; padding: 0 10px; border-top-left-radius: 8px; border-top-right-radius: 8px; } /* 一级标题 */ h1 { border-bottom:2px solid #ff5722; font-size:1.3em; } /* 一级标题内容 */ h1 span { display:inline-block; font-weight:normal;

Web—02-轻松理解css

阅读更多关于 Web—02-轻松理解css

CSS基本语法以及页面引用 CSS基本语法 css的定义方法是：选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例： /* css注释 ctrl+shift+"/" */ div{ width:100px; height:100px; color:red } CSS页面引入方法 1、外联式：通过link标签，链接到外部样式表到页面中。 <link rel="stylesheet" type="text/css" href="css/main.css">` 2、嵌入式：通过style标签，在网页上创建嵌入的样式表。 <style type="text/css"> div{ width:100px; height:100px; color:red } ...... </style> 3、内联式：通过标签的style属性，在标签上直接写样式。 <div style="width:100px; height:100px; color:red ">......</div> CSS文本设置常用的应用文本的css样式： color 设置文字的颜色，如： color:red; font-size 设置文字的大小，如：font-size:12px; font-family 设置文字的字体，如：font

记账本开发记录——第八天（2020.1.26）

阅读更多关于记账本开发记录——第八天（2020.1.26）

在疫情如此严重的现在，在家安心学习。昨天初一守夜无聊的时候学完了JQ剩下的部分。这里讲到了一个插件validate。使用这个插件可以很方便的进行表单的检验，并且具有很好看的效果样式。以下是代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>网站注册页面</title> 6 <style> 7 #contanier{ 8 border: 0px solid white; 9 width: 1300px; 10 margin: auto; 11 } 12 13 #top{ 14 border: 0px solid white; 15 width: 100%; 16 height: 50px; 17 } 18 #menu{ 19 border: 0px solid white; 20 height: 40px; 21 background-color: black; 22 padding-top: 10px; 23 margin-bottom: 15px; 24 margin-top: 10px; 25 } 26 .top{ 27 border: 0px solid white; 28 width: 405px; 29 height: 100%; 30 float: left; 31

结对项目

阅读更多关于结对项目

目录：一.前言(包括仓库地址等项目信息) 二.开始前PSP展示三.结对编程对接口的设计四. 计算模块接口的设计与实现过程五. 计算模块接口部分的性能改进六. 计算模块部分单元测试展示七. 计算模块部分异常处理说明八. 界面模块的详细设计过程九. 界面模块与计算模块的对接十.结对过程的描述十一. 结对编程的优缺点十二. 完成后实际的PSP 一、前言仓库地址： https://git.coding.net/wanghz499/2016012032partnerWork.git 可测试的url地址: http://39.105.6.214/myWeb_war/ 在这里我要发自真心的说一说我的结对伙伴——王慧珍同学。两个人合作，更多的是需要时间去沟通，去磨合，但是因为我个人的原因，使得我们组讨论，合作的时间变得更少。可是慧珍没有因此懈怠，而且理解、支持她的队友，让我觉得很感动。在这个过程中，我觉得我们不只是合作伙伴的关系，很多方面我要向我的队友学习，不仅仅是专业技能。相信有这样的队友，会让我不断进步，也希望我持续的努力，能让我们团队变得更加强大。那这次结对项目，我们做的是网页版的四则运算系统，实现了作业中的基本要求，并且可供多个用户使用，同时记录多个用户的做题记录与最好成绩。二、十二PSP PSP 任务内容计划时间（min）完成时间（min）

CSS中强大的EM

阅读更多关于 CSS中强大的EM

使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何使用“em”对层进行弹性扩展？又是如何扩展文本和图像等内容？下在我们就一起带着这些问题开始今天的“em”之行。什么是弹性布局？用户的文字大小与弹性布局用户的浏览器默认渲染的文字大小是“16px”，换句话说，Web页面中“body”的文字大小在用户浏览器下默认渲染是“16px”。当然，如果用户愿意他可以改变这种字体大小的设置，用户可以通过 UI控件来改变浏览器默认的字体大小。弹性设计有一个关键地方 Web页面中所有元素都使用“em”单位值。“em”是一个相对的大小，我们可以这样来设置 1em，0.5em，1.5em 等，而且“em”还可以指定到小数点后三位，比如“1.365em”。而其中“相对”的意思是：相对的计算必然会一个参考物，那么这里相对所指的是相对于元素父元素的 font-size 。比如说：如果在一个<div> 设置字体大小为“16px”，此时这个<div

字体样式

阅读更多关于字体样式

字体样式 1.字体命名语法： font-family : <family-name> 说明：设置文字名称，可以使用多个名称，或者使用逗号分隔，浏览器则按照先后顺序依次使用可用字体。例： p { font-family:‘楷体'，'黑体', 'Arial’ } 2. font-size(字体大小) 语法: font-size ： <length> | <percentage> 注：如果用百分比作为单位，则是基于父元素字体的大小例： p { font-size:14px;} 3. font-weight(字体加粗) 语法： font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 例： p { font-weight:bold;} 4. font-style(字体斜体) font-style : normal | italic | oblique 例： p { font-style: normal; } p { font-style: italic; } p { font-style: oblique; } 5. font(字体样式缩写) font : font-style || font-variant || font-weight

css备份

阅读更多关于 css备份

.hljs { font-family: "Consolas",sans-serif !important; font-size: 14px !important; line-height: 1.4 !important; padding: 5px !important; } .cnblogs-markdown .hljs, .cnblogs-post-body .hljs { font-family: "Consolas",sans-serif !important; font-size: 14px !important; line-height: 1.4 !important; padding: 5px !important; } /*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table

CSS属性速查表

阅读更多关于 CSS属性速查表

本文将按照布局类属性、盒模型属性、文本类属性、修饰类属性这四个分类，对CSS常用属性进行重新排列，并最终设置为一份stylelintrc文件布局类 1、定位 position z-index top bottom left right 2、浮动 float clear 3、多列布局 columns columns-width columns-count column-rule column-fill column-span column-gap 专门建立的学习Q-q-u-n： 731771211，分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划） 4、栅格布局 // 显示网格 display grid grid-template-rows grid-template-columns grid-column-gap grid-row-gap grid-gap // 网格线 grid-row-start grid-row-end grid-row grid-column-start grid-column-end grid-column grid-area // 隐式网格 grid-auto-rows grid-auto-columns grid-auto-flow grid-template-rows

HSSFWorkbook生成多个sheet页

阅读更多关于 HSSFWorkbook生成多个sheet页

public static void exportExcel(HSSFWorkbook workbook, int sheetNum, String sheetTitle, String[] headers, List<List> result, OutputStream out) throws Exception { workbook.setSheetName(sheetNum,sheetTitlelist);//设置sheet页标题 // 创建一个sheet页 HSSFSheet sheet = workbook.createSheet(); // 设置表格默认列宽度为20个字节 sheet.setDefaultColumnWidth((short) 20); // 表格样式 HSSFCellStyle style = workbook.createCellStyle(); // 设置这些样式 style.setFillForegroundColor(HSSFColor.PALE_BLUE.index); style.setFillPattern(HSSFCellStyle.SOLID_FOREGROUND); style.setBorderBottom(HSSFCellStyle.BORDER_THIN); style.setBorderLeft(HSSFCellStyle

订阅 font