border | 易学教程

css排版常用样式、三种不同html类型、css布局盒模型介绍

阅读更多关于 css排版常用样式、三种不同html类型、css布局盒模型介绍

把CSS样式与网页编排通过网页排版中主要格式化要素实现网页实用性与欣赏性相结合，实现出设计效果。字体：div{font-family: "Microsoft Yahei";}为网页中的文字设置字体为微软雅黑,这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设置“微软雅黑”，如下代码：body{font-family:"Microsoft Yahei";}或body{font-family:"微软雅黑";}注意：第一种方法比第二种方法兼容性更好一些。当然了如果你想用特殊字体怎么办了？通过css3的自定义字体实现@font-face{ font-family:dhnblog;src:url('images/fzm.ttf');}/*自定义字体类型*/ 字号、颜色：div.box{font-size: 14px;color: #f90;} 设置网页中文字的字号为14像素，并把字体颜色设置为#f90；此外颜色分为3种表现形式：a.rgb（255,255,255）b.英文单词c.16进制，如#f90，具体参考 css基本概念与css核心语法介绍中有关颜色介绍粗体：如果想为文字设置粗体除了使用h1-h6或strong标签

css实现三角形

阅读更多关于 css实现三角形

css 实现三角形面试中被问到如何用css实现一个三角形，想了半天就就想到一个border的实现，考虑了到transform的实现，但是没想来怎么去做。晚上查了各种资料最终实现了三种css的写法。 1.border 网上最多也是最灵活的实现方式 <div class="arrow-up"> </div> <div class="arrow-down"> </div> <div class="arrow-left"> </div> <div class="arrow-right"> </div> /*箭头向上*/ .arrow-up { width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-bottom:30px solid red; } /*箭头向下*/ .arrow-down { width:0; height:0; border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #0066cc; } /*箭头向左*/ .arrow-left { width:0; height:0; border-top

css（一）

阅读更多关于 css（一）

1.说一下css盒子模型 Css盒子本质上是一个盒子，封装周围的HTML元素，它包括：外边距，边框，内边距和内容。Css盒子模型包括IE盒子模型标准的W3C盒子模型。这两种盒子模型都包含margin，border，padding，和content。不同的是，标准W3C盒子模型中content不包含任何内容，而IE盒子模型中content包含border和padding，在标准盒子模型中width指content部分的宽度，而IE盒子模型中width=content+padding+border这三个部分的宽度，故使得计算整个何止的宽度时存在差异：标准的盒子模型的盒子宽度是：左右border+左右padding+width IE盒子模型中盒子宽度：width 在CSS3中引入的border-sizing属性，border-sizing：center-box表示标准盒子模型，border-box表示IE盒子模型，padding-box表示这个属性值的宽度包含了左右的padding+width 2.画一条0.5px的线（1）采用mwta viewport的方式 <meta name="viewport" content="width=device-width,initial-scale=0.5,user-scalable=0"> Initial-scale设置页面初始缩放值为0.5

matplotlib模块 06

阅读更多关于 matplotlib模块 06

matplotlib模块 */ /*--> */ */ /*--> */ */ /*--> */ In [10]: import numpy as np import pandas as pd import matplotlib.pyplot as plt from matplotlib.font_manager import FontProperties # 修改字体最简单的图表 ¶ In [3]: x = [5,7,2,10] plt.plot(x) ### 画折线图,传入一个值的话，这个值就是y轴值 plt.show() In [5]: x = [5,7,2,10] y = [3,9,10,5] plt.plot(x,y) ### 画折线图,传入两个值的话，第一个代表x值，第二个代表y值。 plt.show() In [13]: x = [1,3,6,9] y = [12,5,10,20] font=FontProperties(fname='C:\Windows\Fonts\simhei.ttf') plt.figure(figsize=(10,6)) #### 设置画板大小，第一个值表示宽度，第二个值表示高度。 plt.title('两个参数的折线图',fontproperties=font, fontsize=20, color='red') ### 设置标题 plt

使用border绘制各种三角形

阅读更多关于使用border绘制各种三角形

1.元素的边框展示 <h5>元素的边框展示</h5> <div class="all-triangle"></div> .all-triangle { width: 0; border: 50px solid; border-color: red blue green goldenrod; } 2.朝下的三角形 <h5>朝下的三角形</h5> <div class="down-triangle"></div> .down-triangle { width: 0; border: 10px solid; border-color: red transparent transparent transparent; } 3.朝上的三角形 <h5>朝上的三角形</h5> <div class="up-triangle"></div> .up-triangle { width: 0; border: 10px solid; border-color: transparent transparent red transparent; } 4.朝左的三角形 <h5>朝左的三角形</h5> <div class="left-triangle"></div> .left-triangle { width: 0; border: 10px solid; border-color:

SharePoint Designer - Workflow

阅读更多关于 SharePoint Designer - Workflow

另一篇文章 SharePoint 2013 - Designer Workflow 1. Set field in current item : 不要连续多次使用，否则在发布时会出现unexpected error；当需要同时更新几个字段时，使用update list item。 2. Error：　　（1）Errors were found when compiling the workflow. The workflow files were saved but cannot be run. Unexpected error on server associating the workflow。 --------http://support.microsoft.com/kb/2557533 3. Wait for Field Change in Current Item: 可使用此活动将工作流停顿在某一步； 4. 获取InfoPath的文件名（含扩展名）时，可以用 'Name (for use in forms)'，或者Title属性，但不要使用Name属性，因为Name属性不包含扩展名； 5. Email 模板 <head><style>TABLE.mail { border-style:none; border-collapse:collapse; font:8pt

Js 图片轮播渐隐效果

阅读更多关于 Js 图片轮播渐隐效果

1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title></title> 6 <style type="text/css"> 7 * { 8 margin:0px; 9 padding:0px; 10 } 11 li { 12 list-style: none; 13 } 14 /*example*/ 15 .example { 16 width:600px; 17 height:400px; 18 overflow:hidden; 19 position:relative; 20 margin:50px auto; 21 } 22 .example ol { 23 position: relative; 24 width: 120px; 25 height: 20px; 26 top: -30px; 27 left: 60px; 28 } 29 30 .example ol li { 31 float: left; 32 width: 10px; 33 height: 10px; 34 margin: 5px; 35

博客园样式

阅读更多关于博客园样式

原文： https://segmentfault.com/a/1190000012956911 1. 基础介绍 1-1. 介绍一下我的博客设置我个人比较习惯用 Makedown 来编写，所以我选择的编辑器是 Makedown ，在 [ 管理 ] - [ 选项 ] 中可以设置。在 [ 管理 ] - [ 模版 ] 中有许多博客模板，可以直接使用，界面也会变好看一点。我使用的是 red_autumnal_leaves （红叶）因为我的样式定制是在红叶的模版基础上进行修改的，所以可能其他的模版会出现兼容的问题，这个可以根据自己的模版和喜好进行修改。（我已经尽量做到样式兼容了，但是模版太多，心有余而力不足啊。。。） 1-2. 简单的操作可以通过审查元素的方法，来设置自己满意的样式。操作是 F12 。 F12 操作可以打开控制面板，具体的样式可以直接在上面修改，然后把修改后的样式保存下来。保存后的样式，复制到 [ 管理 ] - [ 设置 ] - 页面定制CSS代码上面，然后 [ 保存 ] 注意：有时候修改的样式没有起作用，是因为样式的优先级的原因，这里我选择简单粗暴的 !important 来解决 2. 设置标题、子标题、导航栏 2-1. 标题和子标题标题和子标题是页面最顶部的，设置在 [ 管理 ] - [ 设置 ] - 标题，子标题 /* 博客标题和副标题 */

CSS 的高级技巧

阅读更多关于 CSS 的高级技巧

一、黑白图像当你需要让一张彩色的图片显示为黑白照片的时候，你可以用下面的一段代码。 img.desaturate{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } 二、使用 :not() 在菜单上应用/取消应用边框先给每一个菜单项添加边框 .nav li{ border-right: 1px solid #666; } 然后再除去最后一个元素 .nav li:last-child{ border-right: none; } 也可以直接使用 :not() 伪类来应用元素 .nav li:not(:last-child){ border-right: 1px solid #666 } 如果你的元素有兄弟元素的话，也可以使用通用的熊年底选择符( ~ ） .nav li:first-child ~ li{ border-left: 1px solid #666 } 三、页面顶部阴影给网页加上漂亮的顶部阴影效果 body:before{ content: ''; position: fixed; top: -10px; left: 0;

mysql的使用

阅读更多关于 mysql的使用

<!DOCTYPE html> Mysql */ /*--> */ Mysql数据库命令: show databases; 打印所有数据库 use database;切换到数据库 show tables; 打印数据库中的表 desc 表名;打印表的信息,表结构 select * from 表名\G; 打印表中全部数据 show columns from 表名与desc一样 create database 数据库名创建新的数据库 drop database 数据库名删除数据库 create database 数据库名 charset "utf8" 创建数据库支持中文 Mysql创建数据库语法 CREATE TABLE table name (column name column type); create table student( stu id INT NOT NULL AUTO INCREMENT, name CHAR(32) NOT NULL, age INT NOT NULL, register date DATE, PRIMARY KEY ( stu_id ) ); mysql插入数据语法 INSERT INTO table name ( field1, field2,...fieldN )VALUES( value1, value2,...valueN );

订阅 border