padding

前端之CSS基础及使用方法

≯℡__Kan透↙ 提交于 2019-12-01 07:26:48
CSS介绍 CSS( C ascading S tyle S heet,层叠样式表)定义 如何显示 HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS语法 CSS实例 每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CSS注释 /*这是注释*/ 注释是代码之母。--摘自哪吒语录 CSS的几种引入方式 行内样式 行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 <p style="color: red">Hello world.</p> 内部样式 嵌入式是将CSS样式集中写在网页的 标签对的 标签对中。格式如下: <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: red; } </style> </head> 外部样式 外部样式就是将css写在一个单独的文件中,然后在页面进行引入即可。推荐使用此方式。 <link href="mystyle.css" rel="stylesheet" type="text/css"/> CSS选择器 基本选择器 元素选择器 p {color: "red";} ID选择器 #i1 { background-color: red; }

博客园的博客美化

亡梦爱人 提交于 2019-12-01 07:20:32
1. 博客皮肤选择:En_summerGarden 2. 页面定制css代码 /*================================================================================>修改页面代码字体<===========*/ .cnblogs_code pre { font-family: Courier New!important; font-size: 16px!important; word-wrap: break-word; white-space: pre-wrap; } .cnblogs_code span { font-family: Courier New!important; font-size: 16px!important; line-height: 1.5!important; } /*================================================================================>修改背景样式<===========*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div,

标签引入分页

六眼飞鱼酱① 提交于 2019-12-01 07:12:10
public class PageModel { /** 分页总数据条数 */ private int recordCount; /** 当前页面 */ private int pageIndex; /** 每页分多少条数据 */ private int pageSize = 5; /** 总页数 */ private int totalSize; public int getRecordCount() { this.recordCount = this.recordCount <= 0 ? 0 : this.recordCount; return recordCount; } public void setRecordCount(int recordCount) { this.recordCount = recordCount; } public int getPageIndex() { // this.pageIndex = this.pageIndex;// <= 0?1:this.pageIndex; /** 判断当前页面是否超过了总页数:如果超过了默认给最后一页作为当前页 */ this.pageIndex = this.pageIndex >= this.getTotalSize() ? this.getTotalSize() : this.pageIndex;

CSS

折月煮酒 提交于 2019-12-01 07:05:46
认识css 现在的互联网前端分为三层: HTML:超文本标记语言。从 语义 的角度描述页面 结构 CSS:层叠样式表。从 审美 的角度负责页面 样式 JS:Javascript。从 交互 的角度描述页面的 行为 css它是一个很神奇的东西,设计者可以通过修改样式表的定义从而使我们的网页呈现出完全不同的外观。 css简介 CSS全称为“层叠样式表”( Cascading Style Sheets ),它主要是用于定义HTML内容在浏览器内的显示样式,比如文字大小、颜色、字体加粗等等。 例: css语法 选择符 声明(属性:值) 选择符 :我们又称为选择器,指明网页中应用样式规则的元素,如p)的文本变为蓝色,而其它元素(如ul,ol等等)不会受到影响。 声明 :在英文大括号”{}”中的就是声明,属性和值之间用英文冒号”:“分割。当有多条声明时,中间可以英文分号”; css注释 用`/*注释语句*/`来表明(html中使用`<!--注释语句-->`) css基础 css引入的三种方式 内联式 嵌入式 外部式 内嵌式 css样式表把css代码直接写在现有的HTML标签中。 例: <p style='color:red;'>文字颜色为红色</p> 把对应的style属性,写在p标签的开始标签中。css样式代码要写在style=“”双引号中,如果有多条css样式代码设置可以写在一起

TextBox String/Text's Padding For Custom Control

生来就可爱ヽ(ⅴ<●) 提交于 2019-12-01 07:01:42
问题 I'm a newbie, and recently I've asked this question, where it taught me to have my best option for TextBox's bottom border, that prevents flickering/tearing - resulted by drawn graphics. Now my problem is how to have margin/paddings for the text/string inside the textbox, here's the code: using System.Drawing; using System.Windows.Forms; namespace main.Classes.CustomControls { class TextBoxMaterial : TextBox { public TextBoxMaterial() { this.BorderStyle = System.Windows.Forms.BorderStyle.None

分析一套源代码的代码规范和风格并讨论如何改进优化代码

时光怂恿深爱的人放手 提交于 2019-12-01 06:58:23
我的工程实践选题为《基于语音识别的智能聊天机器人设计 》,现在,自然语言的人机交互应用广泛,如苹果的 Siri 、微软的 Cortana 、 Google Now 等。传统的 web 服务提供商,可以通过和用户的“语音机器人”的对话,将用户引导到对应的服务上,语音助手也在今后智能硬件和智能家居的嵌入式应用中扮演重要的人机交互功能。 这个选题需要研究机器学习的基本方法,需要使用到 kaldi 和 TensorFlow, 目前仍处于调研阶段,所以在网上找到一些 Tensor Flow 代码并讨论其风格与改进。 一、Tensor Flow 源代码分析 这是一段 SSD 在 tensorflow models 下实现的代码,目录如下,注释已给出: ( 1 )这个目录中包含 README 文件让初次接触该代码的人快速了解该代码的结构, official 是官方版本, research 将 tf.contrib.data 更新为 tf.data.experimental , sample 中给出的是数据样本, tutorials 是辅导教程,使用 distutils.version.strictversion 进行版本比较。 ( 2 )对于文件名,作者使用了完整的单词或大家都可以理解的缩写单词来命名如: sample ,一个文件名包含两个及以上的单词使用下划线“ _ ”来分隔如: ISSUE

小菜鸟之HTML第三课

狂风中的少年 提交于 2019-12-01 06:46:21
jquery的引入 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>jquery的引入</title> 6 <!--引入(导入)jquery jar包--> 7 <script type="text/javascript" src="js/jquery-1.8.3.js"></script> 8 <script type="text/javascript"> 9 //将脚本写在这里 10 //jq的基本语法 11 /* $("选择器或者对象").ready(function () { 12 13 }); 14 var $doc=$(document 或者选择器) :表示将javascript对象变成 jq对象 15 $doc可以调用jq的一些方法和属性 16 17 */ 18 // 第一个jq的使用,输出警示框 19 $(document).ready(function () { 20 //选择器 21 //docuemnt.getElementById("#idname") 22 $("#idname").show(function () { 23 alert("show alert"); 24 25 }); 26 }); 27 28 //jq简写 29 $

CSS盒模型及应用

冷暖自知 提交于 2019-12-01 06:40:06
其实,CSS就三个大模块: 盒子模型 、 浮动 、 定位,其余的都是细节。要求这三部分,无论如何也要学的非常精通。 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。 看透网页布局的本质 网页布局中,我们是如何把里面的文字,图片,按照美工给我们的效果图排列的整齐有序呢? 牛奶是怎样运输,让消费者购买的呢? 我们说过,行内元素比如 文字 类似牛奶,也需要一个盒子把他们装起来,我们前面学过的双标签都是一个盒子。有了盒子,我们就可以随意的,自由的,摆放位置了。 看透网页布局的本质: 把网页元素比如文字图片等等,放入盒子里面,然后利用CSS摆放盒子的过程,就是网页布局。CSS 其实没有太多逻辑可言 , 类似我们小时候玩的积木,我们可以自由的,随意的摆放出我们想要的效果。 盒子模型(Box Model) 这里略过 老旧的ie盒子模型(IE6以下),对不起,我都没见过IE5的浏览器。 首先,我们来看一张图,来体会下什么是盒子模型。 所有的文档元素(标签)都会生成一个矩形框,我们成为元素框(element box),它描述了一个文档元素再网页布局汇总所占的位置大小。因此, 每个盒子除了有自己大小和位置外,还影响着其他盒子的大小和位置。 盒子边框(border)

工具类css框架

穿精又带淫゛_ 提交于 2019-12-01 06:13:19
@charset "UTF-8"; * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } html { font-size: 13px; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; background: #f1f1f1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #999; } .w-100 { width: 100%; } .h-100 { height: 100%; } .text-info { color: #4b67af; } .bg-info { background: #4b67af; } .text-primary { color: #db9e2f; } .bg-primary { background: #db9e2f; } .text-white { color: #fff; } .bg-white { background: #fff; } .text-light { color: #f9f9f9; } .bg

Height、clientHeight、scrollHeight、offsetHeight 、scrollTop、offsetTop

匆匆过客 提交于 2019-12-01 06:03:28
Height 返回当前文档中的<body>元素的高度 clientHeight 对于没有定义CSS或者内联布局盒子的元素为0,否则,它是元素内部的高度(单位像素),包含内边距,但不包括水平滚动条、边框和外边距。 clientHeight 包含 padding scrollHeight scrollHeight的值在有滚动条的情况下包括滚动条滚动出去的内容,没有滚动条时是和 clientHeight 相同。包括元素的padding,但不包括元素的border和margin。scrollHeight也包括 ::before 和 ::after 这样的伪元素。 有滚动条 scrollHeight 包含 溢出的内容+padding 没有滚动条 scrollHeight = clientHeight offsetHeight 包括元素的边框、内边距和元素的水平滚动条(如果存在且渲染的话),不包含:before或:after等伪类元素的高度。 offsetHeight 包含 border+padding+元素的水平滚动条 scrollTop 一个元素的 scrollTop 值是这个元素的顶部到视口可见内容(的顶部)的距离的度量。当一个元素的内容没有产生垂直方向的滚动条,那么它的 scrollTop 值为0。 offsetTop 当前元素相对于其 offsetParent 元素的顶部内边距的距离