css的简单学习笔记

1.CSS的简介 *css :层叠样式表 **层叠: 一层一层. **样式表: 具有大量的属性和属性值 *使得页面的显示效果更加好. *css将网页内容和显示样式进行分离,提高了显示功能. *css不能单独存在,依赖于html 2.css和html 的结合(一共有四种方式) (1)在每个html标签中都有一个属性 style ,把css和html结合在一起. --<div style="background-color:red;color:green;"> --设置了本句语…

Log4j简单学习笔记

log4j结构图: 结构图展现出了log4j的主结构.logger:表示记录器,即数据来源:appender:输出源,即输出方式(如:控制台.文件...)layout:输出布局 Logger机滤器:常用级别的划分:Debug,Info,Warn,Error,Fatal这5个级别由低到高,如果配置的级别为"INFO"那么"Debug"级别的信息则不会显示"依次类推. 示例代码: @Test public void testLevel() { log.debu…

从今天开始每天记录HTML，CSS 部分的学习笔记

从今天开始每天记录HTML,CSS 部分的学习笔记…

Linux——帮助命令简单学习笔记

Linux帮助命令简单学习笔记: 一: 命令名称:man 命令英文原意:manual 命令所在路径:/usr/bin/man 执行权限:所有用户语法:man [命令或配置文件] 功能描述:获得帮助信息范例: $ man ls 查看ls命令的帮助信息 $ man services 查看配置文件services的帮助信息 man 1 默认命令 5配置文件二: 指令名称:info 指令英文原义:information 指令所在路径:/usr/bin/info 执行权限:All User 语法:i…

OI数学简单学习笔记

基本上只是整理了一下框架,具体的学习给出了个人认为比较好的博客的链接. PART1 数论部分最大公约数对于正整数x,y,最大的能同时整除它们的数称为最大公约数常用的:$lcm(x,y)=xy\gcd(x,y)$ 裴蜀定理定理:对于方程$ax+by=c$,其存在解的充要条件是$gcd(a,b)|c$,可以拓展到n元的方程. 证明的话应该自己yy一下还是很容易(显然可得),不过要是想要严谨证明还是去百度吧qwq 扩展欧几里得定理首先我们都知道\(gcd(a,b)=gcd(b,a…

CSS Grid 布局学习笔记

CSS Grid 布局学习笔记好久没有写博客了, MDN 上关于 Grid 布局的知识比较零散, 正好根据我这几个月的实践对 CSS Grid 布局做一个总结, 以备查阅. 1. 基础用法 Grid 布局的核心属性有5个: .parent { display: grid; grid-template-colomns: 30px 1fr; grid-template-rows: repeat(3, 30px) 1fr; & > .child { grid-column: 1 / 3; gri…

html css的简单学习（三）

html css的简单学习(三) 前端开发工具:Dreamweaver.Hbuilder.WebStorm.Sublime.PhpStorm...==========================================================head头的本质:优化页面,利于搜索:设置字符集,防止乱码:引入外部样式方便:规定呈现样式.===========================================================<meta name="…

html css的简单学习（二）

html css的简单学习(二) <!Doctype html>告诉浏览器,这是一个html文档.lang="en" 默认是en,表示英语:zh-Hans 中文简体:zh-Hant 中文繁体:===========================================================行内文本标签:示例:<p>今天下午<time>4点到6点</time>在<address>会议室</address…

html css的简单学习

html css的简单学习 css的内边距:padding (auto.length.%)(顺序:上.右.下.左)padding-toppadding-leftpadding-rightpadding-bottom 示例:*{padding:10px 20px 30px 40px} //顺序:上.右.下.左===========================================================css中的外边距:margin (auto.length.%)(顺序:上.…

原生 CSS 网格布局学习笔记

下是来自Oliver Williams的帖子. Oliver已经学习了相当长时间的原生CSS网格,可以说是在CSS网格方面有一定的发言权.在这篇文章中,他将以非同寻常的思路分析自己的CSS网格布局学习之路.我比较赞同他的想法,就是学习一门新技术的时候,把它们拆分成比较小的单元块并配上实例,一步一步的学习.这比直接学习网格布局的所有东西要好太多了. 浏览器原生CSS网格预计会在2017年年初得到支持. 在这之前你需要在浏览器中开启这个实验性的功能 (Firefox实验版默认是开启的). Chrom…

CSS权威指南学习笔记系列(1)CSS和文档

题外话:HTML是一种结构化语言,而CSS是它的补充:这是一种样式语言.CSS是前端三板斧之一,因此学习CSS很重要.而我还是菜鸟,所以需要加强学习CSS.这个是我学习CSS权威指南的笔记,如有不对,请谅解和指出.谢谢大家.正文: 第一章 CSS和文档---------- 1.CSS,称为层叠样式表.使用CSS的理由有:a.易于使用,样式表能大大减少Web创作人员的工作量:b.在多个页面上使用样式,可以创建一个样式表,然后把这个样式表应用到多个页面:c.层叠,CSS还规定了冲突规则:这些规则统称…

css权威指南学习笔记 —— css选择器

1,选择器:选择器的一些基本常用规则基本都记得,w3c上都有,平时也常用,不常用的一些后代选择器经常就忘记了.一些归纳一下后代选择器,加深一下印象: a:子选择器: p>a a是直接是p的儿子,而不是孙子曾孙子.就是儿子,只有一代关系. b:相邻兄弟选择器: h1 +p h1 和 p 必须拥有相同的父元素.他们是同胞.样式作用在 p 上面.(与h1相邻的p元素). 2,伪类和为元素 a : 平时也市场在用,尤其是a连接的几个伪类.伪类的顺序非常的重要:link-visited-focus-…

<<C++标准程序库>>中的STL简单学习笔记

0. 内容为个人学习笔记, 仅供参考, 如有错漏, 欢迎指正! 1. STL中的所有组件都是由模板构成的, 所以其元素可以是任意型别的. 组件有: - 容器: 管理某类对象的集合. 不同的容器有各自的优缺点. - 迭代器: 用来在一个对象集群(Collection of Objects) 的元素上进行遍历. 这个CoB可以是容器/容器的一部分. 每种容器都提供了自己的迭代器. - 算法(Algorithm): 用来处理集群内的元素(比如: 查询,修改,排序等). - 适配器(adapter) -…

CSS零基础学习笔记.

酸菜记之 CSS的零基础. 这篇是我自己从零基础学习CSS的笔记加理解总结归纳的,如有不对的地方,请留言指教, 学前了解: CSS中字母是不分大小写的; CSS文件可以使用在各种程序文件中(如:PHP,HTML,jsp,asp...); 一. CSS的定义 CSS 是指层叠样式表, (Cascading Style Sheets),来定义HTML如何显示的; 二. CSS分为内联样式和外联样式内联样式,就是写到HTML里面, 一般都是这样来写: <head> <style> .…

〖前端开发〗HTML/CSS基础知识学习笔记

经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理: 1. 文件结构: HTML文件的固定结构: <html> <head>...</head> <body>...</body> </html> html是根标签 head定义文档头部,包含: title, script, style, link, meta body是网页主要内容,包含:h1,h2-h6, p, a, img 2. 认识head标签: <head…

HTML 与 css 的简单学习

第21课: 内联元素,又称为行内元素,主要来控制一行内的字: 如: span,不是独占一行,不能设置宽高,竖直方向上不能设置 margin与 pading的值,不过水平方向上可以设置哦.(因为它只在一行内起作用的) 块状元素: 常见的如:div. 第22课:内联与块状的转化由内联变为块状; span { background: bule; width: 200px; height: 200px; /* 下面这行就可以由内联变为块状:*/ display: block; } 由块状变为内联:…

Mongoose简单学习笔记

1.1 名词解释 Schema : 一种以文件形式存储的数据库模型骨架,不具备数据库的操作能力 Model : 由Schema发布生成的模型,具有抽象属性和行为的数据库操作对 Entity : 由Model创建的实体,他的操作也会影响数据库注意: 1.本学习文档采用严格命名方式来区别不同对象,例如: var PersonSchema; //Person的文本属性 var PersonModel; //Person的数据库模型 var PersonEntity; //Person实体 2.Sch…

CSS基础知识学习笔记

1.css基本样式讲解 1.1 css背景background-attachment:背景图像是否固定或者随着页面的其余部分滚动background-color:设置元素的背景颜色background-image:把图片设置为背景background-position:设置背景图片的起始位置background-repeat:设置背景图片是否及如何重复background-size:规定背景图片的尺寸background-orgin:规定图片的定位区域background-clip:规定背景的绘…

CSS权威指南学习笔记 —— 初步认识CSS

层叠样式表(Cascading Style Sheets,CSS)可以影响文档的表现.CSS是依附于文档的,如果不存在某种文档,CSS基本上是没有用的. 为什么会有CSS 在web早期(1990-1993),HTML由一些结构化元素组成,用于描述段落.超链接.列表和标题等.简单来说刚开始的时候,HTML是个非常有限的语言,并不关心外观,一篇文章,里面有一些超链接.大概张这个样子. 后来有了第一个图形浏览器Mosaic,把浏览网页的体验变得更好,各种网站就开始涌现了.然后人们对网页的需求也变得越来…

CSS权威指南学习笔记 —— HTML元素分类

HTML文档由各种元素组成.比如,p.table.span等等.每个元素都会对文档的表现有所影响.CSS中,每个元素都会生成一个框(传说中的盒子),其中包含元素内容. 元素可以根据它的创建方式分为两种:替换元素和非替换元素.创建方式会对盒模型的表现有所影响,后续的笔记中会看到. 替换元素:这种元素的内容部分并非由文档直接显示,而是用其他内容来替换.最常见的替换元素img,它是由文档本身之外的一个图片文件来替换的.input也是替换元素,是根据类型的值来决定内容是什么,有时内容被替换成单选钮,有时…

[css]《css揭秘》学习笔记（一）

一.background-clip属性 <html> <head> <meta charset="utf-8"> <title>背景与边框1</title> <style type="text/css"> body{ background: url('http://csssecrets.io/images/stone-art.jpg'); } div{ border: 10px solid hs…

CSS深入理解学习笔记之absolute

1.absolute和float 拥有相同的特性表现: ①包裹性(容器应用之后,可以包裹里面的内容): <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>absolute的包裹性</title>…

Linux——bash应用技巧简单学习笔记

本人是看的lamp兄弟连的视频,学习的知识做一下简单,如有错误尽情拍砖. 命令补齐命令补齐允许用户输入文件名起始的若干个字母后,按<Tab>键补齐文件名. 命令历史命令历史允许用户浏览先前输入的命令并重新调用它们,用history命令可以显示命令列表, 按方向键↑和↓可查找以前执行过的命令. 别名: 命令别名定义: 范例: alias copy=cp alias xrm= “rm -r ” 如果有参数就要加双引号查看别名信息:alias 删除别名:unalias copy 输入/输出…

《学习CSS布局》学习笔记

近几天做了一个小的企业展示网站.虽然页面是在模板的基础上改的,但改的多了不熟悉CSS也很麻烦.正好我看到了学习CSS布局这个网站,于是补习了一下CSS知识. CSS的显示 CSS的元素分为两类:块级元素和行内元素. 一个块级元素会新开始一行并且尽可能撑满容器.常见的块级元素包括div.p.form,以及HTML5中新加入的header.footer.section等. 行内元素可以显示在段落内而不打乱段落的布局.常见的行内元素包括span和a等. display属性就是控制元素的表现形式,它的值…

《CSS世界》学习笔记（一）

<CSS世界>,张鑫旭著,人民邮电出版社,2017年12月第一版. 1.P9二维码链接文章的demo值得一看,可以实现有关“某些区域颜色始终保持一致”的效果. P9二维码所链接文章的一个demo里,图标用i标签+背景图的形式实现.我在模仿知乎.简书网站的时候发现他们的图标实现和你的不一样.比如回到顶部的按键,知乎是用button+svg,简书则是i标签+content属性生成图片.我自己用的是a+img实现. 我想知道这些实现有什么区别么?从语义上考量我感觉知乎的更好,因为这个功能就是按键.…

关于css的全面学习笔记

1.text-align 属性规定元素中的文本的水平对齐方式.该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式.通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 justify:不同用户代理可能会得到不同的结果. left 把文本排列到左边.默认值:由浏览器决定. right 把文本排列到右边. center 把文本排列到中间. justify 实现两端对齐文本效果. inherit 规定应该从父元素继承 text-align 属性的值. 2. 该属性定义行内元素的…