[CSS3] 学习笔记-CSS定位
页面的设计需要通过摆放不同的模块在不同的位置，这个时候需要使用到定位和浮动的知识点，CSS3定位功能是很强大的，利用它你可以做出各种各样的网络布局。1、CSS定位1）定位机制普通流：元素按照其在HTML中的位置顺序觉得排布的过程浮动绝对布局2）定位属性positon、top、left、right、b...
CSS3选择器之学习笔记
首先说first-child与last-child，这两个选择器很容易明白，就是父元素下的第一个子元素和最后一个子元素。而nth-child和nth-last-child则是父元素下指定序号的子元素，甚至第偶数个、奇数个子元素精选样式的制定。/*选择器写法示例*/nth-child(n) //正数第...
[笔记]CSS样式声明顺序
来自Bootstrap中文网编程规范相关的属性声明应当归为一组，并按照下面的顺序排列：PositioningBox modelTypographicVisual.declaration-order { /* Positioning */ position: absolute; to...
HTML 学习笔记 CSS样式（背景）
背景色可以使用background－color属性为元素设置背景色 这个属性接受任何合法的颜色值。可以使用background-image属性来喂元素设置背景图片。背景重复如果需要在页面上对背景图进行平铺，可以使用background-repeat属性。属性值repeat导致图像在水平垂直方向上都平...
CSS学习笔记_day2
目录一、 css初识二、 在HTML里面引入css的几种方式1、 外部引入式2、文档内嵌式3、 行内式（元素内嵌式）三、 选择器四、盒模型五、文档标准流六、浮动一、 css初识1、 互联网前三层HTML 从语义的角度描述页面的结构CSS 从审美的角度描述页面的样式JS 从交互的角度描...
css3 animation(动画)笔记
在开始介绍Animation之前我们有必要先来了解一个特殊的东西，那就是"Keyframes",我们把他叫做“关键帧”，玩过flash的朋友可能对这个东西并不会陌生。下面我们就一起来看看这个“Keyframes”是什么东西。前面我们在使用transition制作一个简单的transition效果时，...
妙味课堂——HTML+CSS基础笔记
妙味课堂的课程讲得非常的清楚，受益匪浅。先把HTML和CSS基础课程部分视频的学习笔记记录如下：padding#PS基础##前端需要的PS技能 - PS技能（前端需要）：切图、修图、测量 - PS工具： - 移动工具 - 矩形选框工具 - 裁切工具 - 吸管工具 - 横排文字工具 - 手抓（快捷键：...
Python学习笔记整理总结【web基础】【web/HTML/CSS/JavaScript/DOM/jQuery】
一、HTMLHTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！(例：dj...
图形 - bootStrap4常用CSS笔记
.rounded图片显示圆角效果.rounded-circle设置椭圆形图片.img-thumbnail设置图片缩略图(图片有边框).img-fluid响应式图片.float-right图片右对齐.float-left图片左对齐
HTML5与CSS3基础教程第八版学习笔记7~10章
第七章，CSS构造块CSS里有控制基本格式的属性（font-size，color），有控制布局的属性（position，float），还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性，可以用于创建下来列表和其他交互性组件。构造样式规则样式表中的每条规则都有两个...
HTML5与CSS3基础教程第八版学习笔记16-21章
第十六章，表单HTML5引入了新的表单元素、输入类型和属性，以及内置的对必填字段、电子邮件地址、URL以及定制模式验证。元素：<input type="email"> ---- 电子邮件框<input type="search"> ---- 搜...
HTML5和CSS3基础教程(第8版）-读书笔记(3)
第11章 用CSS 进行布局网站设计主要有两大类型：固定宽度和响应式。对于固定（fixed）布局，整个页面和每一栏都有基于像素的宽度。顾名思义，无论是使用移动电话和平板电脑等较小的设备查看页面，还是使用桌面浏览器并对窗口进行缩小，它的宽度都不会改变。响应式 页面也称为 流式（fluid 或liqui...
[CSS3] 学习笔记--CSS盒子模型
1、CSS盒子模型概述盒子模型的内容范围包括：margin(外边距)、border(边框)、padding(内边距)、content(内容)部分组成。2、内边距内边距在content外，border内，属性有5个：padding:设置所有边距padding-bottom:设置底边距padding-l...
[CSS3] 学习笔记-CSS3选择器详解（一）
1、属性选择器在CSS3中，追加了3个属性选择器，分别为：[att*=val]、[att^=val]和[att$=val]，使得属性选择器有了通配符的概念。 <!doctype html> <html> <head> <meta charset="u...
CSS笔记（十五）CSS3之用户界面
参考：http://www.w3school.com.cn/css3/css3_user_interface.asp在 CSS3 中，新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。新的用户界面属性下面的表格列出了所有的转换属性：属性描述CSSappearance允许您将元素设置为标准用户界面元...
《CSS世界》读书笔记（五） --height:100%
<!-- 《CSS世界》 张鑫旭著 -->相对简单而单纯的height:autoheight:auto比width:auto简单的多，原因在于：CSS默认流是水平方向的，宽度是稀缺的，高度是无限的。因此，宽度的分配规则比较复杂，高度就显得随意的多。此外，height:auto也有外部尺寸...
css+div盒模型研究笔记
红色标记的为默认值1、border(边框)：border-top,border-bottom,border-left,border-right1.border-color(边框颜色)；2.border-width(边框粗细):medium|thin|thick|数值；3.border-style(边...
JQuery学习笔记【CSS选择符】--02
Jquery的程序入口：<html> <head> <title></title> <script type="text/javascript“ src="JQuery.js"></sc...
学习CSS 笔记
1.动态修改div的大小Html:<div> Hello</div>css:div { resize:both; overflow:auto; }2. box-sizing 决定width、height 与padding、border的关系(1). 默认情况下，box-...
HTML5与CSS3基础教程第八版学习笔记11~15章
第十一章，用CSS进行布局开始布局注意事项1、内容与显示分离2、布局方法：固定宽度和响应式布局固定宽度，整个页面和每一栏都有基于像素的宽度响应式布局也称为流式页面，使用百分数定义宽度3、浏览器问题注：HTML5 shiv 是少有的必须在head中加载JavaScript的情况之一，否则就不起作用。关...