HTML5+CSS3系列教程——如何制作简单按钮笔记
1、按钮的制作方式用图片（目前用的不多）纯CSS a标签input 图片二决定了input的类型 当input的type属性是submit button等这些的时候他呈现一个按钮button标签2、CSS行内元素设置宽高不生效，适用display:block；可以将行内元素设置为块集元素text-...
HTML&CSS基础学习笔记1.4-定义文档类型
Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。<!DOCTYPE> 声明不是 HTM...
HTML 学习笔记 CSS3 (2D转换)
2、scaleX(<number>) ： 使用 [sx,1] 缩放矢量执行缩放操作，sx为所需参数。scaleX表示元素只在X轴(水平方向)缩放元素，他的默认值是(1,1)，其基点一样是在元素的中心位置，我们同样是通过transform-origin来改变元素的基点。如：transfor...
网格系统-bootStrap4常用CSS笔记
.row定义一行.col均分列数，最多一行12列。每列左右间隙各15px.col-{1到12}定义在所有屏幕下的列宽.col-{sm|md|lg|xl}-{1到12}定义在指定屏幕下该列占据的列宽，sm:屏幕>=576px、md:屏幕>=720px、lg:屏幕>=960px、xl:...
【代码笔记】Web-CSS-CSS 链接(link)
一，效果图。二，代码。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>CSS 链接(link)</title> <style> ...
CSS学习笔记（9）--详解CSS中:nth-child的用法
详解CSS中:nth-child的用法前端的哥们想必都接触过css中一个神奇的玩意，可以轻松选取你想要的标签并给与修改添加样式，是不是很给力，它就是“:nth-child”。下面我将用几个典型的实例来给大家讲解:nth-child的实际用途：Tips：还用低版本的IE浏览器的哥们请绕过！:nth-c...
CSS学习笔记——盒子模型
有两种盒子模型：标准模型和IE模型 标准模型 IE模型 【Reference】 http://www.cnblogs.com/cchyao/archive/2010/07/12/1775846.html ...
css知识笔记（二）——盒子模型
盒子模型 类比月饼：礼盒是最外层，里面的月饼（伍仁）是页面元素，比如一个div；"伍仁"本身是盒子的内容（可以是文字、图片、另一个标签元素），月饼和月饼盒之间的距离称为盒子模型的内边距padding，盒子与盒子之间的距离在样式表里叫外边距margin，盒子的边框在样式表里叫border，内填充、外边...
CSS学习笔记07 盒子模型
1、盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 用公式表示就是：盒子=边框+内边距+内容区域+外边距 元素框的最内部分是实际的内容，直接包围内容...
css学习笔记——css选择器
css选择器 大概有这么几类：ID选择器、类别选择器、标签选择器、后代选择器、伪类选择器、相邻同胞选择器、属性选择器 1、ID选择器 ID 选择器允许以一种独立于文档元素的方式来指定样式。 ID选择器和类选择器的区别：在一个文档中，ID选择器的值是唯一的且区分大小写，即id="first"只能...
CSS零基础学习笔记.
酸菜记 之 CSS的零基础.这篇是我自己从零基础学习CSS的笔记加理解总结归纳的,如有不对的地方,请留言指教,学前了解:CSS中字母是不分大小写的;CSS文件可以使用在各种程序文件中(如:PHP,HTML,jsp,asp...);一. CSS的定义CSS 是指层叠样式表, (Cascading St...
css学习笔记二之inline-block
1、inline-block是CSS2.1中新增的盒类型，在div中将display属性设定为"inline-block"，则div显示效果与设置display属性为"inline"是一样的效果。inline-block具有inline属性的列属性，内部又具有block属性的块属性，可以使用widt...
[读书笔记] CSS权威指南2: 结构和层叠
层叠样式表中最基本的一个方面可能就是层叠——冲突的声明要通过这个层叠过程排序，并由此确定最终的文档表示。这个过程的核心是选择器及其相关声明的特殊性，以及继承机制。特殊性对于每个规则，用户代理会计算选择器的特殊性，并将这个特殊性附加到规则中的各个声明。如果一个元素有两个或多个冲突的属性声明，那么有最高...
[读书笔记] CSS权威指南1: 选择器
通配选择器可以与任何元素匹配，就像是一个通配符/*每一个元素的字体都设置为红色*/* { color: red;}元素选择器指示文档元素的选择器。/*为body的字体设置为红色*/body { color: red；}分组选择器分组h1, h2, h3 { color: red;}...
CSS3学习笔记
1.Tranform 转换(2D,3D)2D:div{margin:30px;width:200px;height:100px;background-color:yellow;/* Rotate div */transform:rotate(9deg);-ms-transform:rotate(9d...
HTML&CSS学习笔记
<table><thead><tr> // table row<th></th>// table head</tr></thead><tbody><tr><td&g...
css-css权威指南学习笔记2
第二章 选择器1、在font属性中，只有一种情况下可以使用/来分隔两个特定的关键字，即元素的字体大小/行高。2、通过把两个类选择器链接在一起，可以选择同时包含这些类名的元素，类名的顺序不限。.warning.urgent{ background: silver;}3、在IE7之前的浏览器，p....
《Two Days DIV + CSS》读书笔记——CSS控制页面方式
1.1 你必须知道的知识（其中包括1.1.1 DIV + CSS的叫法解释；1.1.2 DIV + CSS 名字的误区；以及1.1.3 W3C简介。由于只是背景知识，跳过该章。）1.2 你必须掌握的基础1.2.1 CSS如何控制使用 xHTML+CSS 布尿页面，其中有个很重要的特点就是结构与表现相...
是否可以将.css样式从单独的文件添加到Jupyter笔记本上?
I need to render some html tables in Jupyter Notebook and for this I have defined my own css styles. I want it to be reusable on any PC. 我需要在Jupyter ...
《零基础学HTML5+CSS3(全彩版)》读书笔记
2019年1月31日星期四 1点 《零基础学HTML5+CSS3（全彩版）》开始全面学习 前提： 11月20日开始学Python，可能因为太累了，也可能遇到了瓶颈，进入了一个迷茫期，1月6日，开始学前端。学《案例学web前端开发（HTML+CSS3+JavaScript+手机响应式网页开发...