CSS学习笔记11 CSS背景
background-color：背景色前面我们经常用background-color这个属性来设置元素的背景色，例如下面这条css可将段落的背景色设置为灰色p {background-color: gray;}如果想要元素的背景色向外延伸，则只需增加内边距即可background-color可以为...
HTML+CSS学习笔记 (13) - CSS代码缩写，占用更少的带宽
标签：HTML+CSS盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下：margin:10px 15px 12px 14px;/*上设置为...
HTML+CSS学习笔记 (12) - CSS布局模型
标签：HTML+CSScss布局模型清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么...
CSS3伸缩布局Flex学习笔记
如果需要使用伸缩布局首先得把display:flex;对于兼容还得加前缀display:-webkit-display:flex;等其他浏览器前缀，但我本机Chrome测试已经不需要加前缀了，其实这些还好，关键移动端竟然不支持这个属性，移动端支持的还是老版本的display:-webki-box;不...
html笔记05：html、css、javascript综合案例
1.首先是html代码：<!-- markup time --><div class="wrapper wb"> <div class="black-bar wb-bottom"> <div class="battery">22% ...
学写网页 #05# CSS Mastery 笔记 1~3
看到第四章才发现这本书已经太旧了。。看到第 3 章为止吧。前三章主要讲的内容：一些编码常识、怎样选择元素、盒子模型（主要是 Margin）、定位（绝对、相对、浮动、fixed 等）第一章conventionsvalidator DOCTYPE switching The browser choose...
amazeui学习笔记--css（HTML元素5）--表格Table
amazeui学习笔记--css（HTML元素5）--表格Table一、总结1、基本样式：am-table；直接模块名 <table class="am-table">2、表格边框： 添加 .am-table-bordered 类。 <table class="am-table...
快速学习html、css的经典笔记
HTML语言剖析Html简介-目录全写： HyperText Mark-up Language 译名： 超文本标识语言 简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标签（tag）使文件 达到预期的显示效果。由文字（字母，数字、标点符号）及标签组合而成。任何文字编辑器都可以，这里推...
css布局学习笔记之max-width
设置块级元素的 width 可以阻止它从左到右撑满容器。然后你就可以设置左右外边距为 auto 来使其水平居中。元素会占据你所指定的宽度，然后剩余的宽度会一分为二成为左右外边距。div{ width: 600px; margin: 0 auto;}唯一的问题是，当浏览器窗口比元素的宽度还要窄时，...
web前端学习（三）css学习笔记部分（7）-- 文字和字体相关样式、盒子相关样式、背景与边框相关样式
12. 文字和字体相关样式12.1 CSS3 给文字添加阴影使用 text-shadow 属性给页面上的文字添加阴影效果，text-shadow 属性是在CSS2中定义的，在 CSS2.1 中删除了，在 CSS3 的 text 模块中又恢复了。<!DOCTYPE html><h...
[CSS3]学习笔记-文字与字体相关样式
1、给文字添加阴影 <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> d...
HTML5+CSS3学习笔记（二） 页面布局：HTML5新元素及其特性
HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。本次学习HTML5的新标签元素有：<header>定义页面或区段的头部；<footer>定义页面或区段的尾部；<nav>...
HTML+CSS学习笔记(4) - 认识标签（3）
HTML+CSS学习笔记(4) - 认识标签（3）1、使用<a>标签，链接到另一个页面使用<a>标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签。语法：<a href="目标网址" title="鼠标滑过显示的文本">链接显示...
[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工具： - 移动工具 - 矩形选框工具 - 裁切工具 - 吸管工具 - 横排文字工具 - 手抓（快捷键：...