CSS笔记(3)
CSS（初级）笔记
本文最后更新于 688 天前，其中的信息可能已经有所发展或是发生改变。涵盖内容1.熟悉css基本语法，以及css工作原理 2.熟练使用css selector 常规选择器class，id,元素，后代，通用，了解选择器的优先级 3.熟悉浮动，定位，盒模型，背景，字体，颜色等常用属性，能运用css进行页面布局和展现效果图css的工作原理 css的出现使得内容和样式分离进而让页面变得更简洁，更容易维
日期 2023-06-12 10:48:40
CSS笔记(2)
CSS字体属性 CSS Font(字体)属性用来定义字体系列:大小,粗细和文字样式(如斜体). 文字字体 CSS使用font-family属性定义文本的字体系列文字大小 CSS使用font-size属性定义文字大小 文字粗细 CSS使用font-weight 设置文字的粗细效果,400等价于normal,默认粗细字体,700等价于bold,粗体,注意后面不需要跟单位!!!文字样式 C
日期 2023-06-12 10:48:40CSS笔记(8)
CSS笔记(8) 已经好久没有学习了!!!从期末复习,到后来去做暑假工培训,好多天了!!超级难受,不过我还是有复习过的,继续继续.外边距的典型应用 上一节学习到了如何让一个盒子在网页中水平居中,做法是: ①给盒子一个宽度, ②并且设置外边距margin的左右外边距设置为auto. 如果想要将行内元素或者行内块元素(如图片)设置为水平居中,那么只要给他们的父元素设置text-ali
日期 2023-06-12 10:48:40
CSS笔记(15)
元素的显示与隐藏 类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现. 本质:让一个元素在页面中隐藏或显示出来.1.display属性 display属性用于设置一个元素应如何显示. display : none ; 隐藏对象display : block ; 除了转换成块级元素之外,同时还有显示元素的意思. display隐藏元素后,不再占有原来的位置(和绝对定位一样
日期 2023-06-12 10:48:40CSS笔记(21)
CSS3盒子模型 CSS可通过box-sizing来指定盒子模型,有2个值:即可指定为content-box,border-box,这样我们计算盒子大小的方式就发生了改变.可以分成两种情况:box-sizing:content-box 盒子大小为width+padding+border(以前默认的).box-sizing:border-box 盒子大小为width. 当我们选择box-sizi
日期 2023-06-12 10:48:40CSS笔记(22)
最近一直没更新,因为这个案例实在是太多了+麻烦+我好懒,所以进度超级慢...现在正在边看视频边敲... 现在在做品优购项目的案例,里面也有很多新知识需要记录一下,顺便把准备工作都记录一下,下次自己做的时候方便看.favicon图标 我们看到打开一个标签页时前面的小图标就是favicon图标,如下图的京东小图标. favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏或者
日期 2023-06-12 10:48:40CSS笔记(23) 基础班完结!撒花ヽ(°▽°)ノ
终于做完了品优购的案例,花费了我好多天,因为实在是懒+边看边敲,还真的挺累的,昨天又自己做了一遍,把难得地方都做了,还算顺利,做一遍和光看得感觉是完全不一样的,现在继续学习后面的知识.服务器什么是web服务器 我们写的品优购网站,目前是放在自己电脑上的,只能自己访问浏览.如果很多人访问我们的网站,可以把品优购放在服务器上,这样就可以多人访问我们的网站. 服务器(我们也称之为主机),是提供计
日期 2023-06-12 10:48:40CSS笔记(28)之CSS3收尾+总结
视频看着看着好像又完结了一次...但其实后面还有很多内容,大概就是移动端的了,先学着吧,后面就是JS了!又开启新内容啦!最后来一个总结笔记
日期 2023-06-12 10:48:40
CSS学习笔记：表格样式，图片样式【7/27】
表格标题位置语法：caption-side:取值;默认情况下，表格标题是在表格的顶部，属性为：top，如果想把标题放在底部，属性为：bottom。如果想要定义表格标题的位置，在table或caption这两个元素的CSS中定义caption-side属性，效果是一样的，一般情况，我们只在table中定义就行。表格边框合并语法：border-collapse:取值；属性值说明separate边框分开
日期 2023-06-12 10:48:40HTML&CSS精选笔记_浮动与定位详解编程语言
什么是浮动？元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制，移动到其父元素中指定位置的过程。 如何定义浮动？在CSS中，通过float属性来定义浮动，其基本语法格式如下： 选择器{float:属性值;} float属性值left 元素向左浮动right 元素向右浮动none 元素不浮动（默认值） 为什么要清除浮动？由于浮动元素不再占用原文档流的位置，所以它会对页面中
日期 2023-06-12 10:48:40Css学习笔记详解编程语言
一、CSS 概述(了解) *.CSS ： Cascading Style Sheet 层叠样式表 *.CSS 作用就是给HTML页面标签添加各种样式 *.为什么用CSS HTML的缺陷： 1. 不能够适应多种设备 2. 要求浏览器必须智能化足够庞大 3. 数据和显示没有分开 4. 功能不够强大 CSS 优点： 1.使数据和显示分开 2.降低网络流量 3.使整个网站视觉效果一致 4.使开发效率提高了
日期 2023-06-12 10:48:40css笔记详解编程语言
style type= text/css @import url( a.css ); /style link type= text/css href= a.css rel= stylesheet / #p1 ID选择符 .p1 类选择符 - div:first-letter 只格式化第一个字母 div:first-line 只格式化第一行
日期 2023-06-12 10:48:40CSS学习笔记09 简单理解BFC详解编程语言
6 style type="text/css" 7 .div1 {background-color: #FCE38A; width: 200px; height: 100px;} 8 .div2 {background-color: #EAFFD0; width: 200px; height: 100px;} 9 .div3 {background-color: #95E1D3;
日期 2023-06-12 10:48:40CSS学习笔记08 浮动详解编程语言
从CSS学习笔记05 display属性一文中，我们知道div是块元素，会独占一行，即使div的宽度很小，像下面这样 应用display属性的inline属性可以让div与div共享一行，除了这种方法外，还有没有其他方法可以实现这种效果呢，答案是肯定的，那就是下面要介绍的CSS的浮动特性，浮动从字面意思上来看，就是浮起来，动起来，那么是谁浮起来，又是谁动起来呢？往下看，很快就会知道答案了。
日期 2023-06-12 10:48:40CSS学习笔记07 盒子模型详解编程语言
1、盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 用公式表示就是：盒子=边框+内边距+内容区域+外边距 元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的
日期 2023-06-12 10:48:40
CSS学习笔记06 简单理解line-height详解编程语言
在制作页面的时候，经常会遇到文本图片需要居中的情况，这时候，只要设置下文本的line-height属性等于包裹该文本的元素的高度即可让文本居中显示了，先来看看这个现象。 1 !DOCTYPE html 2 html lang="en" 3 head 4 meta charset="UTF-8" 5 title 行高 /title 6 style type="tex
日期 2023-06-12 10:48:40
CSS学习笔记05 display属性详解编程语言
每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。并且块级元素容器可以容纳多个嵌套的块级标签或者行内标签。常见的块元素有 h1 ~ h6 、 p 、 div 、 ul 、 ol 、 li 等，其中 div 标记是网页制作中最常用的块元素。 行内元素不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构的样式。行内元素不能嵌套块级标签
日期 2023-06-12 10:48:40应用开发中涉及到的css和php笔记分享
关于应用中遇到的一些问题及解决办法，做一些记录，以备后用。本人新手，技术还不熟练，笔记比较幼稚。嘲笑请轻笑。 1、关于层的绝对定位。 有两个div层，其中main类div是整体的层，cloud类div是绝对定位层，实现的效果是在屏幕右上角显示一个云彩的gif图片。div布局代码如下：复制代码代码如下:<divclass="cloud"></div><divcla
日期 2023-06-12 10:48:40《CSS世界》笔记二：盒模型四大家族
上一篇：《CSS世界》笔记一：流/元素/尺寸下一篇：《CSS世界》笔记三：内联元素与对齐 写在前面 在读《CSS世界》第四章之前，粗浅的认为盒模型无非是margin/border/padding/content而已，再多无非在不同box-sizing下的表现不同而已；但是书中记录的替换元素与非替换元素、content的一些用法、margin合并等等，让
日期 2023-06-12 10:48:40DIV+CSS导航学习笔记
meta http-equiv="Content-Type" content="text/html;charset=utf-8" / meta http-equiv="Content-Language" content="zh-cn" / link rel="stylesheet" type="text/css" href="headline.css" / link rel="
日期 2023-06-12 10:48:40css flex-direction的学习笔记
<html> <style> #content { width: 200px; height: 200px; border: 1px solid #c3c3c3; display: -
日期 2023-06-12 10:48:40css 选择器学习笔记
网站链接： https://www.w3.org/TR/CSS21/selector.html CSS支持的所有选择器： 选择器 grouping 当几个选择器共享同一部分属性时&#x
日期 2023-06-12 10:48:40css笔记
css笔记: 1.选择器： id具有唯一性,通过#定义 class可重复,通过.定义 :focus 选择器用于选取获得焦点的元素。示例如下： class为 start_time的控件的样式及获得焦点后的样式。 .start_time { width: 150px; margin-
日期 2023-06-12 10:48:40【CSS笔记】CSS布局之五种定位方式（静态、相对、绝对、固定、粘性）
目录 一、CSS定位布局 1.1、static静态定位 1.2、relative相对定位 1.3、fixed固定定位 1.4、absolute绝对定位 （1）默认绝对定位参考点 （2）设置绝对定位参考点 1.5、sticky粘性定位 （1）sticky粘性
日期 2023-06-12 10:48:40【Css】css中class之间＞(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解（转载，笔记用）
css中“>”(大于号)、"~"(波浪号)、" "(空格)、","(逗号)、"+"(加号)详解 - 知乎对新手来说，在布局中通常搞不清这些符号的用法，今天就来为大家详细讲解一下。 1、>(大于号) 子元素选择器 >大于号的意思是 选择某元素
日期 2023-06-12 10:48:40HTML5与CSS3权威指南笔记案例1
第1章 <!DOCTYPE html> <meta charset = "UTF-8">
日期 2023-06-12 10:48:40HTML5 + CSS3 标签学习笔记（二）
HTML基本标签学习 常见标签学习基本标签字体标签特殊标签 标签使用演示标题标签段落标签换行标签水平线标签字体样式标签特殊符号 图像标签概念补充 常见标签学习 基本标签 基本标签
日期 2023-06-12 10:48:40HTML5 + CSS3 学习笔记（一）
文章目录 一、初始HTML（一）HTML概念简介（二）HTML的发展历程（三）HTML特点（四）H
日期 2023-06-12 10:48:40