CSS学习
CSS学习
1、我的第一个CSS程序
style.css：
h1{
color: red;}index.html：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--规范，<style>可以编写css的代码，每一个声明最好使用分；结尾！ 语法： 选择器{ 声明1； 声明2； 声 ...
css学习
DIV+CSS
div
DIV是层叠样式表(css)中的定位技术，全称DIVision，即为划分。有时可以称其为图层。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。
通俗来说：div在页面布局中，主要作为承载内容的容器！没有任何的默认样式，所有的外观样式都需要我们 ...
CSS学习（1）
CSS学习
CSS是层叠样式表（Cascading Style Sheets）的简称。
有时候也会称之为CSS样式表或级联样式表。
CSS也是一种标记语言。
CSS主要设置HTML页面中的文本内容、图片的外形以及版面的布局和外观显示样式。
HTML可以专注去做结构，CSS用来做样式。
CSS的语法规范
CSS由（1）选择器和（2）声明的样式组成，一般写在head中 ...
CSS 学习（3）
CSS 学习（3）
盒子模型
盒子的组成
border边框，content内容，padding内边距，margin外边距。
边框（border）
border-with：边框的粗细（一般情况下使用px为单位），未指定边框样式没法显示。
border-style：边框的样式（solid实线，dashed虚线，dotted点线）。
border-color：边框的颜色。
复合性写法：border：1px solid ...
前端学习：学习笔记（CSS部分）
前端学习：学习笔记（CSS部分）
CSS的学习总结(图解）
CSS的引入方式和书写规范
CSS的插入方式_内嵌样式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- 插入CSS代码的第1种方式: 内嵌形式 -->
<div style="hei ...
CSS学习笔记
CSS(Cascading Style Sheets) 美化样式
CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对 ...
3.CSS学习
CSS是一种层叠样式表（样式可以叠加）
为什么要用CSS
虽然html的标签的某些属性是可以设置样式效果，可是细节处理还不够好
假如用html自带的属性来实现的样式，可能会出现很多重复代码，维护难
Css可以做到网页和内容分离，对网页的元素进行像素级的精准控制
CSS的语法：CSS样式由选择器和和一条或多条以分号隔开的样式声明 ...
CSS flex 布局学习笔记
写在前面
Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。
任何一个容器都可以指定为 Flex 布局。
采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item）。
容器默认存在两根轴：水平的主轴（main axis）和 ...
CSS学习笔记：flex布局
目录一、Flex布局简介1. Flex布局的主要作用2. Flex布局应用场景二、Flex布局的使用1. Flex布局的两种相关元素2. 父项属性2.1 flex- direction2.2 justify-content2.3 flex-wrap2.4 align-items2.5 align-content2.6 flex-flow3. 子项属性3.1 flex3.2 align-self3.3 order
参考资料：https://www.bilibili.com/video/BV1N54 ...
css学习笔记（狂神说）
CSS3学习
##学习自狂神##
1.css是什么 2.CSS怎么用（快速入门） 3.CSS选择器（重点 + 难点） 4.美化页面（文字、阴影、超链接、列表、渐变…） 5.盒子模型 6.浮动 7.定位 8.网页动画（特效）
1.什么是CSS
1、什么是CSS
Cascading Style Sheet 层叠样式表 CSS：表现（美化网页） 字体，颜色，边距，高度，宽度，背景图片 ...
CSS学习
什么是CSS：
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎 ...
学习CSS之用CSS实现时钟效果
一、机械时钟
1.最终效果
用 CSS 绘制的机械时钟效果如下：
HTML 中代码结构为：
<body>
<div class="clock">
<ul class="min"></ul>
<ul class="hour"></ul>
&nb ...
11种常用css样式之border学习
边框border通常简写为"border:1px solid red;"但其实一个完整的border边框其实是由1.border-width/*边框宽度*/,2.border-style/*边框样式*/,3.border-color/*边框色彩*/三大属性构成构成;
border边框方位分为border-top/*边框上方*/border-bottom/*边框底部*/border-left/*边框左边*/border-right/*边框右边*/;
边框属性样 ...
CSS 学习手册
精心整理了之前的css学习笔记，仅供学习参考使用，禁止商业用途
目录CSS 简介1.CSS 简介CSS 概述层叠次序2.CSS 基础语法CSS 语法值的不同写法和单位记得写引号多重声明：空格和大小写3.CSS 高级语法选择器的分组继承及其问题友善地对待Netscape 4继承是一个诅咒吗？4.CSS 派生选择器派生选择器5.CSS id 选择器id 选择器id ...
CSS学习笔记(七) 粘性布局
粘性布局是什么呢？我们先来看看效果演示
没错，其实就是在页面滚动的时候保持元素（这里的是标题）在页面视图上方，也就是我们常常看到的 吸附效果
这样的效果究竟是如何实现的呢？很简单，只要使用 position: sticky 即可，一份简单的示例代码如下：
<!DOCTYPE HTML>
<html>
<head>
<style>
.header {
...
3、Web前端学习规划：CSS - 学习规划系列文章
CSS作为Web前端开发的第2种重要的语言，笔者建议在学了HTML之后进行。CSS主要是对于HTML做一个渲染，其也带了一些语言语法函数，功能也非常强大。
1、 简介；
CSS（层叠样式表）是一种用于描述网页样式的语言。它可以控制网页中的字体、颜色、布局、背景等方面的样式 ...
可视化学习：CSS transform与仿射变换
引言
在几年前，我就在一些博客中看到关于CSS中transform的分析，讲到它与线性代数中矩阵的关系，但当时由于使用transform比较少，再加上我毕竟是个数学学渣，对数学有点畏难心理，就有点看不下去，所以只是随便扫了两眼，就没有再继续了解了。现在在学习可视化，又遇到了这个点，又说到这是可视化的基础知识，既然这样，那 ...
CSS的基础学习
CSS学习
&nbs ...
CSS学习
12:09:45 2019-08-07
开始了解CSS
00:02:59 2019-08-08
中间从5点到11点不在 回来学了一个小时
10:39:46 2019-08-08
继续学习
16:44:10 2019-08-08
css入门成功
本文资料来源：慕课网 https://www.imooc.com/learn/9/
前面写过CSS和Html之间的关系 CSS是对Html的美化
CSS全称为“层叠样式表 (C ...
CSS学习
目录什么是CSS快速入门css优势CSS导入方式选择器基本选择器标签选择器类选择器ID选择器层次选择器后代选择器子选择器相邻兄弟选择器通用选择器结构伪类选择器属性选择器（常用）CSS的作用及字体样式字体样式文本样式文本阴影和超链接伪类列表样式练习背景图像应用与渐变盒子模型及边框使用边框外边距内边距圆角边框及阴影圆 ...
