前端学习（十二）：CSS排版

前端学习(十二）js数据类型（笔记）

选项卡: for循环 for(初始值,条件,自增){} for(var i=0; i<9;i++){} 几个按钮对应相同个内容!!! ------------------------------ 若干个按钮对应一个内容!!! ---------------------------------------------------- 字符串: ***只要在网页中js里面出现带引号的都是字符串! 1.汉字必须是字符串! 2.单词不带引号,也没报错,它是变量 3.不…

前端学习之路-CSS介绍，Html介绍，JavaScript介绍

CSS介绍学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式利用标签中的style属性来改变显示样式 <p style="background-color: #FFF000"> p标签 </p> 在head中加入style标签 <head> <style type="text/css"> p { color: #FFF000…

（转）SpringMVC学习(十二)——SpringMVC中的拦截器

http://blog.csdn.net/yerenyuan_pku/article/details/72567761 SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理.本文主要总结一下SpringMVC中拦截器是如何定义的,以及测试拦截器的执行情况和使用方法. SpringMVC中拦截器的定义和配置 SpringMVC中拦截器的定义在SpringMVC中,定义拦截器要实现HandlerInterceptor接口,并实现该接口中提供…

前端学习-基础部分-css（一）

开始今日份整理 1.CSS的导入方式 CSS的导入方式主要是有内联模式,行内模式,外部样式表 1.1 内联模式内联模式:直接在<head>中直接写css,例如 p{ color:rgb(166, 226, 226); } #设置P标签的颜色 1.2 行内模式行内模式:在html中对应元素直接书写 <p style="color:cadetblue">第一段世界大势,合久必分,分久必合</p> 1.3 外部样式表外部样式表,主要是有俩种,一种为…

Scala学习十二——高阶函数

一.本章要点在Scala中函数是”头等公民“(可以作为参数,返回值,赋值给其他); 可以创建匿名函数,通常还会交给其他函数; 函数参数可以给出需要稍后执行的行为; 许多集合方法都接受函数参数,将函数应用到集合中的值; 有许多语法上的简写让你以简短且易读的方式表达函数参数; 可以创建操作代码块的函数,像是内建的控制语句二.作为值的函数在Scala中,函数是头等公民,和数字一样,在变量中存放函数: import scala.math._ val num=3.14 val fun=ceil _…

前端学习（二）：head标签

进击のpython ***** 前端学习--head标签 head标签中的相关标签,是看不见摸不着的,仅仅是对应用于网页的一些基础信息(元信息) 前面说的是青春版,完整的head应该是这样的 !<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi…

前端学习-基础部分-css（二）

开始今日份整理,今日主要是CSS中很重要的一部分,就是盒模型,浮动,定位属性 1.盒模型 1.1 特性: 当对一个文档(网页)进行布局的时候,浏览器渲染引擎会根据CSS-Box模型(盒子模型)将所有元素表示为一个矩形盒子,CSS决定这些盒子的大小,位置以及属性(颜色,背景,边框尺寸等性质),在CSS中使用盒模型描述这些矩形盒子中的每一个.这个模型描述了元素所占空间的内容. 每个盒子有四个边:外边距边(margin), 边框边(border), 内填充边(padding) 与内容边(conten…

前端学习之路CSS基础学习二

CSS属性相关样式操作: (1)width:为元素设置宽度 (2)height:为元素设置高度 ps:块儿级标签才能设置长宽行内标签设置长宽没有任何影响 p{ width: 30px; height: 30px; } 文字操作 /*字体样式: 关键字:font-family 作用:更改字体的样式*/ { font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif } /*字体大小: 关…

python 学习笔记十二 CSS基础（进阶篇）

1.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一 css存在方式: 元素内联页面嵌入外部引入语法:style = 'key1:value1;key2:value2;' 1.元素内联(在标签中使用css)  &…

前端学习笔记之CSS网页布局

CSS网页布局阅读目录一网页布局方式二标准流三浮动流四定位流一网页布局方式 #1.什么是网页布局方式布局可以理解为排版,我们所熟知的文本编辑类工具都有自己的排版方式,比如word,nodpad++等等而网页的布局方式指的就是浏览器这款工具是如何对网页中的元素进行排版的 #2.网页布局/排版的三种方式 2.1.标准流2.2.浮动流2.3.定位流二标准流标准流的排版方式,又称为:文档流/普通流,所谓的文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的…

前端学习笔记之CSS选择器

阅读目录一基本选择器二后代选择器.子元素选择器三兄弟选择器四交集选择器与并集选择器五序列选择器六属性选择器七伪类选择器八伪元素选择器九 CSS三大特性一基本选择器 1.id选择器 #1.作用: 根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 #2.格式 id名称 { 属性:值; } #3.注意点: 1.在企业开发中如果仅仅只是为了设置样式,通常不会使用id,在前端开发中id通常是留给js使用的 2.每个标签都可以设置唯一一个id,id…

前端学习笔记之CSS属性设置

CSS属性设置阅读目录一字体属性二文本属性三背景属性四盒子模型五盒子模型各部分详解一字体属性 1.font-weight:文字粗细取值描述 normal 默认值,标准粗细 bord 粗体 border 更粗 lighter 更细 100~900 设置具体粗细,400等同于normal,而700等同于bold inherit 继承父元素字体的粗细值 2.font-style:文字风格 normal 正常,默认就是正常的 italic 倾斜 3.font-size…

web前端学习之HTML CSS/javascript之一

前端编码之路之坎坷,web前端应该一直是个战场吧,各种浏览器的不兼容,各种小细节的修改,要往一个好的产品经理方向走,实在是难,昨天听了一位十年经验的产品经理讲座,最重要的恐怕就是协调资源的能力,而协调资源就需要你和各个部门沟通,而和工程师(程序猿)的沟通更是一道检验自己影响力的重要渠道. 好吧,我怕了,我要学习一定的技术,最棒的恐怕是从前端开始吧. 实在吐槽新浪的这个博客产品的设计,是不是现在没多少人用了? 要是给我加上一个欲望或者每年的一个待完成事件清单,完成一项划掉一项,我想至少我还是更喜…

前端学习笔记之CSS介绍

阅读目录一什么是CSS 二为何要用CSS 三如何使用CSS 一什么是CSS CSS全称Cascading Style Sheet层叠样式表,是专用用来为HTML标签添加样式的. 样式指的是HTML标签的显示效果,比如换行.宽高.颜色等等层叠属于CSS的三大特性之一,我们将在后续内容中介绍表指的是我们可以将样式统一收集起来写在一个地方或者一个CSS文件里二为何要用CSS 在没有CSS之前,我们想要修改HTML标签的样式则需要为每个HTML标签单独定义样式属性,如下 <!DOCTY…

web前端学习（二）html学习笔记部分（11）-- 没有标号记录的知识合集

这一部分内容相对比较简单,就不按规矩排序了.(主要是网站上也没有这一部分内容的排序) 1. html5的非主体结构元素学习笔记(1)里面记录过. 2. html5表单提交和PHP环境搭建 1. php环境搭建详见我的下一篇随笔 2. html5表单的创建 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>…

web前端学习（二）html学习笔记部分（10）-- HTML5构建应用布局和页面

1.2.25 HTML5构建应用布局和页面 1.2.25.1 HTML5在移动开发中的准则 1.尽量使用单页面开发 2.慎重选择前端UI框架 3.动画.特效使用准则(60fps) 浏览器消耗最小的css属性位置 - transform:translate(x,y,z) 大小 - transform:scale(n) 旋转 - transform:rotate(ndeg) 透明度 - opacity:0..1 http://csstriggers.com/ 1.2.25.2 …

前端学习资源（CSS+HTML5）

CSS CSS | MDN CSS参考手册 CSS探索之旅 Web前端实验室 STYLESHEETS CSS3中的content字符编码 Font Awesome, 一套绝佳的图标字体库和CSS框架前端开发必备 40款优秀CSS代码编写工具推荐 Dive into Flexbox CSS特效&js动画 Hover.css iHover Move.js HTML HTML常用标签 Character Entity Reference Chart…

【前端学习】【CSS选择器】

CSS选择器 CSS选择器 CSS(Cascading Style Sheets)是一项出色的技术,它使得网页的结构和表现样式完全分离.利用CSS选择器能轻松地对某个元素添加样式而不改动HTML(HyperText Markup Language)结构. 要使某个样式应用于特定的HTML元素,首先需要找到该元素.在CSS中,执行这一任务的表现规则称为CSS选择器1. CSS选择器 1 基本选择器 2 层次选择器 3 伪类选择器 3.1 动态伪类选择器 3.2 目标伪类选择器 3.3 语言…

2、前端学习笔记之——css

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS-learning-note</title> <style type="text/css"> h1{color:red} p{font-size:20px;color:blue;font-family:"华文行…

前端学习笔记之CSS过渡模块

阅读目录一伪类选择器复习二过渡模块的基本使用三控制过渡的速度transition-timing-function 四过渡模块连写一伪类选择器复习注意点: #1 a标签的伪类选择器可以单独出现,也可以一起出现 #2 a标签的伪类选择器如果一起出现,有严格的顺序要求,否则失效编写的顺序必须要严格遵循: l v h a a:link{ color: skyblue; } a:visited { color: green; } a:hover { color: #e9289c; }…

前端学习笔记之css清除浮动float的七种常用方法总结和兼容性处理

在清除浮动前我们要了解两个重要的定义: 浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来. 高度塌陷:浮动元素父元素高度自适应(父元素不写高度时,子元素写了浮动后,父元素会发生高度塌陷) 知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了,这时候我们就需要用到清除浮动的属性clear, clear:left | right | both | none | inherit:元素的某个方向上不能有浮动元素 clear:both:在左右两侧均不允许浮…

前端学习笔记之CSS浮动浅析

很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程. 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家. 写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解. 如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你. 小菜水平有限,本文仅仅是入门教程,不当之处请谅解! 本文以div元素布局为例. 教程开始: 首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流.如下…