CSS基本样式学习
CSS基础
@copyright：wangchao
概要
内联样式表
内部样式表
内联样式 不推荐
选择器
基础选择器ID选择器>类选择器>标签选择器
<p class="paragraph" id="para1"> Lorem </p>
标签选择器
p{
color:red;
}
类选择器
.paragraph{
color:red;
}
ID选择器, ...
css学习1
css学习1
目录1.px，em ,rem,2.动态改变自定义属性3.盒模型3.1实现2列等高3.2 使用min-height和max-height3.3 垂直居中内容3.4 负外边距3.5 解决容器外部折叠3.6 使用猫头鹰选择器
1.px，em ,rem,
css支持几种绝对长度单位，最常用、最基础的是像素（px）。
css带来的抽象性带来了额外的复杂性。相对单位就是css用来解决这 ...
CSS权威指南 第一章CSS和Document 学习笔记
第一章 CSS和Document
1. elements 元素
Elements are the basis of document structure.
Elements and tags are not the same things. tags begin or end an element in source code, whereas elements are part of the DOM, the document model for displaying the page in the borwser.
-- MDN
1.1 Replaced and Nonre ...
前端基础学习（2） CSS三种引用方式 CSS选择器类型 CSS属性
前端基础学习（2） CSS三种引用方式 CSS选择器类型 CSS属性
一、今日内容
CSS的三种引用方式
CSS选择器的类型
CSS属性
二、CSS的三种引用方式
CSS（Cascading Style Sheet），即层叠样式表，主要用于定义如何显示HTML元素，给HTML设置样式，让它更加美观；
CSS的基本语法为：
同时，CSS的注释语法与HTML也不同：
/*这是 ...
CSS学习笔记
CSS(Cascading Style Sheets) 美化样式
CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对 ...
【转】 jQuery学习笔记：CSS
【转】 jQuery学习笔记：CSS
一、CSS1、css(name)访问第一个匹配元素的样式属性。返回值 String参数 name (String) : 要访问的属性名称示例：$("p").css("color"); //取得第一个段落的color样式属性的值2、css(properties)把一个“名/值对”对象设置为所有匹配元素的样式属性。这是一种在所有匹配的元素上设置大量样式 ...
CSS速记【学习笔记】
学习来源：黑马JavaEE 57期
## CSS速记CSS检索网站：w3school：[https://www.w3school.com.cn/](https://www.w3school.com.cn/)菜鸟教程：[https://www.runoob.com/](https://www.runoob.com/)
### CSS：页面美化和布局控制#### 1. 概念： Cascading Style Sheets 层叠样式表 * 层叠：多个样式可以作用在同一个html的元素 ...
Java学习——CSS详解
CSS详解
1、什么是CSS
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一个
2、选择器
2.1、基本 ...
CSS学习
目录什么是CSS快速入门css优势CSS导入方式选择器基本选择器标签选择器类选择器ID选择器层次选择器后代选择器子选择器相邻兄弟选择器通用选择器结构伪类选择器属性选择器（常用）CSS的作用及字体样式字体样式文本样式文本阴影和超链接伪类列表样式练习背景图像应用与渐变盒子模型及边框使用边框外边距内边距圆角边框及阴影圆 ...
CSS Grids教程学习笔记
这是我在学习MDN内CSS Grids教程的学习笔记，教程地址：https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids
注：这个笔记之能做温习只用，看教程请上以上地址学习或者其他教学资源。
容器上设置display: grid;就成为了grid容器。
Grid容器上设置：
grid-template-column: 200px auto 1fr;可以设 ...
HTML&CSS学习（一）
前言
为B站pink老师《黑马程序员pink老师前端入门视频教程 HTML5+CSS3+移动端布局-flex布局rem布局响应式布局摹客蓝湖使用-简单有趣好玩》视频教程学习笔记。
1.概述
HTML，全称Hyper Text Markup Language，即超文本链接语言
1.1 开发工具
测试使用vscode，官网下载安装即可，可以安装以下插件：
chinese
open in b ...
CSS学习（二）—— 样式
此部分将介绍前端开发中常用的一些css样式。
1. height 高度 & width 宽度
在html中如果想要给标签设置高度和宽度的话，需要使用height和width属性，并且在设置时有两种单位：
像素，根据像素设置。
百分比，根据百分比设置。
因网页高度无限制，所以默认高度无法设置百分比，如果非要设置，则需要父级标签设置固定高 ...
【HTML && CSS】学习笔记
JavaWeb
使用Java语言开发基于互联网的项目
软件架构：
C/S: Client/Server 客户端/服务器端
在用户本地有一个客户端程序，在远程有一个服务器端程序
如：QQ，迅雷...
优点：
用户体验好
缺点：
开发、安装，部署，维护 麻烦
B/S: Browser/Server 浏览器/服务器端
只需要一个浏览器，用户通过不同的网址(URL ...
CSS学习-什么是CSS
1.什么是CSS
如何学习
1.CSS是什么
2.CSS怎么用（快速入门）
3.CSS选择器（重点+难点）
4.美化网页（文字，阴影，超链接，列表...）
5.盒子模型
6浮动
7.定位
8.网页动画（特效）
1.1什么是CSS
Cascading Style Sheet层叠级联样式表
CSS 表现（美化网页）
1.2快速入门
基本入门
<!DOCTYPE html>
<html lang="en">
<head>
...
CSS 动画学习笔记——Animation篇
首先了解一下 Animation 的基本用法，使用其需要给动画指定一个周期持续的时间，以及动画效果的名称。可以看一下demo
注释：这是一个给透明和背景色属性设置的一个动画过渡效果
实现很简单（具体看到代码中的注释）：
1 .block_wrap {
2 width: 500px;
3 height: 500px;
...
css学习
DIV+CSS
div
DIV是层叠样式表(css)中的定位技术，全称DIVision，即为划分。有时可以称其为图层。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。
通俗来说：div在页面布局中，主要作为承载内容的容器！没有任何的默认样式，所有的外观样式都需要我们 ...
java css学习笔记：案例制作网页
/*案例：制作网页，代码后附详细解释/<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
/*css初始化*/
body,
div,
ul,
li,
input,
p,
h1,
h2,
h3,
h4,
h5,
...
CSS 简介，学习 CSS 必看
CSS 表示的是层叠样式表，学习 CSS 之前我们必须要掌握 HTML 和 XHTML
概述
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样 ...
CSS基础学习day01
一、CSS简介
css是一种网页渲染技术，把文档结构和表现形式分离，使得网页更加的清爽。
css的必要条件：渲染特定的html标签。
div、span等容器：
div可以称为层或者块状元素，和p标签、h等标签具有一样的特点：单独占一行。
span称行内元素 ...
CSS学习（一）
CSS（Cascading Style Sheets）称为层叠样式表，用于对页面进行美化。
一、应用方式
css的样式有很多种，当如果想要把css样式应用到特定标签上有三种方式：
1.1 标签中填写
适用范围：指定一个标签。【不推荐，多标签无法复用样式】
<div style="color:green;">KOBE</div>
1.2 head标签中定义
适用范围：当前页面 ...
