CSS笔记(14)
CSS（初级）笔记
本文最后更新于 688 天前，其中的信息可能已经有所发展或是发生改变。涵盖内容1.熟悉css基本语法，以及css工作原理 2.熟练使用css selector 常规选择器class，id,元素，后代，通用，了解选择器的优先级 3.熟悉浮动，定位，盒模型，背景，字体，颜色等常用属性，能运用css进行页面布局和展现效果图css的工作原理 css的出现使得内容和样式分离进而让页面变得更简洁，更容易维
日期 2023-06-12 10:48:40
CSS笔记(1)
经过几天的学习,看完了30多P视频,HTML的基本知识已经学完啦,HTML知识最简单的部分,现在终于要学习CSS啦!!超级开心.CSS简介 CSS的主要使用场景就是美化网页,布局页面的. CSS 网页的美容师: 1.HTML主要做结构,显示元素内容 2.CSS美化HTML,布局网页 3.CSS最大价值:由HTML专注去做结构呈现,样式交给CSS,即结构与样式相分离CSS语法规范
日期 2023-06-12 10:48:40
CSS笔记(7)
CSS盒子模型 终于学到新内容啦!CSS的盒子模型,其实学到这里有些东西已经懵懵的了,听都听得懂,因为老师讲的实在是很好,但还是害怕实际运用的时候不知所措...不管了先学吧.居然还要学习一点PS...又要重新下载,心累.网页布局过程: 1.先准备好相关的网页元素,网页元素基本都是盒子BOX. 2.利用CSS设置好盒子样式,然后摆放到相应位置. 3.往盒子里装内容. 网页布局
日期 2023-06-12 10:48:40CSS笔记(11)
CSS笔记(11)常见的页面布局现在做一下第三个的布局: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conte
日期 2023-06-12 10:48:40CSS笔记(12)
关于浮动清除浮动的方法额外标签法,也称隔墙法父级添加overflow属性父级添加after伪元素父级添加双伪元素额外标签法(隔墙法) 额外标签法会在浮动元素末尾添加一个空的标签,例如<div style="clear:both"></div> 优点:通俗易懂,书写方便. 缺点:添加许多无意义的标签,结构化较差. 注意:要求这个新的空标签必须是块级元
日期 2023-06-12 10:48:40CSS笔记(19)
CSS初始化 不同浏览器对有些标签的默认值是不同的,为了消除不同浏览器对HTMl文本呈现的差异,照顾浏览器的兼容,我们需要对CSS初始化. 简单理解:CSS初始化是指重设浏览器的样式(也称为CSS reset) 我们现在看看京东的初始化样式:<!DOCTYPE html> <html lang="en"> <head> <
日期 2023-06-12 10:48:40
CSS笔记(20) 非常重要
好几天没有更新,因为我在偷懒... 又到了新的内容了,现在学习HTML5和CSS3的新特征. HTML的新增特性主要是针对于以前的不足,增加了一些新的表单,新的标签和新的表单属性等. 这些新特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性的问题,可以大量使用这些新特性.(呵呵,IE我杀了你) 声明: 新特性增加了很多,但是我们专注于开发常用的新特性.基础班讲解部分新
日期 2023-06-12 10:48:40CSS笔记(23) 基础班完结!撒花ヽ(°▽°)ノ
终于做完了品优购的案例,花费了我好多天,因为实在是懒+边看边敲,还真的挺累的,昨天又自己做了一遍,把难得地方都做了,还算顺利,做一遍和光看得感觉是完全不一样的,现在继续学习后面的知识.服务器什么是web服务器 我们写的品优购网站,目前是放在自己电脑上的,只能自己访问浏览.如果很多人访问我们的网站,可以把品优购放在服务器上,这样就可以多人访问我们的网站. 服务器(我们也称之为主机),是提供计
日期 2023-06-12 10:48:40
CSS笔记
CSS笔记一、基本知识1.1 CSS选择器1.2 创建二、样式1. 背景2. 文本3. 字体4. 链接5. 列表6. 表格8. js 中获取高/宽9. 隐藏模块10. :nth-child11. vh/vw与%区别12. export default 和 export 区别13. undefined与null的区别14. 击穿Scoped三、进阶1. 盒模型2. display 属性 + posi
日期 2023-06-12 10:48:40【黑马程序员pink名师讲CSS】学好CSS有这一篇就够了(CSS笔记)
这篇css博客是参考B站黑马程序员–pink老师做的个人笔记,供平时复习使用,现分享给大家,喜欢的话请多多点赞收藏哦~~文章目录P62.css简介P63.css的语法规范P65.选择器总体概述P66.标签选择器P67.类选择器P70.ID选择器P71.通配符选择器P72.字体样式P78.文本属性P84.css的三种引入方式P92.Chrome调试工具P93.Emmet语法P98.后代选择器P99
日期 2023-06-12 10:48:40HTML&CSS精选笔记_表格与表单详解编程语言
要想创建表格，就需要使用表格相关的标记 table tr td 单元格内的文字 /td /tr /table 包含三对HTML标记，分别为 table /table 、 tr /tr 、 td /td ，他们是创建表格的基本标记
日期 2023-06-12 10:48:40CSS学习笔记11 CSS背景详解编程语言
background-color：背景色 前面我们经常用background-color这个属性来设置元素的背景色，例如下面这条css可将段落的背景色设置为灰色 p {background-color: gray;} 如果想要元素的背景色向外延伸，则只需增加内边距即可 background-color可以为所有元素设置背景色，这包括 body 一直到 em 和 a 等行内元素。 注意
日期 2023-06-12 10:48:40CSS学习笔记07 盒子模型详解编程语言
1、盒子模型 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。 用公式表示就是：盒子=边框+内边距+内容区域+外边距 元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的
日期 2023-06-12 10:48:40CSS学习笔记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:40CSS学习笔记04 CSS文字排版常用属性详解编程语言
font-size:字号大小 font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。 绝对单位可选参数值：xx-small | x-small | small | medium | large | x-large | xx-large|smaller | larger 1 !DOC
日期 2023-06-12 10:48:40Class与ID区别margin和padding区别CSS学习笔记
由于现在百分之99.99%的CMS都是用div+css来构建网页模板的，被逼无奈，一大把年纪了还要学习CSS，说实话没觉得用div来布局比table好在什么地方！但迫于行势，先硬着头皮看吧，能学多少是多少。根据数据与结构分离的原则，CSS最好要独立于网页文件，用复制代码代码如下:<link rel="stylesheet" type="text/css" href="../xxx/web.
日期 2023-06-12 10:48:40CSS学习笔记Padding属性中参数的定义与使用
一直都对CSS中Padding 属性中参数个数的定义颇为困惑，例如：body { padding: 32px;}body { padding: 32px 24px; }body { padding: 32px 24px 18px; }body { padding: 32px 24px 18px 12px; }今天baidu查看了CSS的标准文档，其中是这样规定的：如果只提供一个，将用于全部的四条
日期 2023-06-12 10:48:40css小笔记
一、优先级 二、伪类 三、伪元素 ::first-line ::first-letter ::before ::after ::selection 伪元素共有5个，selection是css3新加的，表示选中的文字，css2伪元素和伪类是一样只有一个：而css3规定伪元素要用两个： 四、background-size值为cover和值为100%的区别 background
日期 2023-06-12 10:48:40CSS选择器笔记
去年我学jQuery的时候，曾经做过一点选择器（selector）的笔记。 这几天拿出来看了一下，发现很多都忘记了。所以，我决定把它们贴在这里，方便以后查看。这对其他朋友应该也是有用的，毕竟选择器是制作网页效果的第一步。 笔记分为两个部分，今天是CSS的选择器，以后还有一部分xPath的选择器。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。 ===========
日期 2023-06-12 10:48:40css 选择器学习笔记
网站链接： https://www.w3.org/TR/CSS21/selector.html CSS支持的所有选择器： 选择器 grouping 当几个选择器共享同一部分属性时&#x
日期 2023-06-12 10:48:40CSS选择器笔记
去年我学jQuery的时候，曾经做过一点选择器（selector）的笔记。 这几天拿出来看了一下，发现很多都忘记了。所以，我决定把它们贴在这里，方便以后查看。这对其他朋友应该也是有用的，毕竟选择器是制作网页效果的第一步。 笔记分为两个部分，今天是CSS的选择器，以后还有一部分xPath的选择器。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。 ===========
日期 2023-06-12 10:48:40div背景css样式笔记
<style type="text/css"> .div1 { width: 1024px; height: 100%; margin: 0 auto; /*background-size: cover;*/ background-image: url("${basePath}/images/t4.jpg")
日期 2023-06-12 10:48:40【CSS笔记】CSS实现后台管理系统主界面布局
一、后台管理系统界面 1.1、实现效果 1.2、案例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=&#
日期 2023-06-12 10:48:40vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记（一） web攻击 web安全之XSS JSONP && CORS css 定位 react小结
vue—你必须知道的 目录 更多总结 猛戳这里 属性与方法 语法 计算属性 特殊属性 vue 样式绑定 vue事件处理器 表单控件绑定 父子组件通信 过渡效果 vue经验总结 javascript 经验总结 更多总结 猛戳这里 属性与方法 不要在实例属性或者回调函数中（例如,vm.$watch('a',
日期 2023-06-12 10:48:40css笔记
<style>要放在<head>标签内 <style type="text/css"> <!-- p{color:blue;} --> </style> 低版本的浏览器不识别style样式，会显示出style的内容，使用<!-- -->就能避免这种情况 高版本的浏览器会自动解析<
日期 2023-06-12 10:48:40HTML5与CSS3权威指南笔记案例1
第1章 <!DOCTYPE html> <meta charset = "UTF-8">
日期 2023-06-12 10:48:40
【黑马程序员pink名师讲CSS】学好CSS有这一篇就够了(CSS笔记)
这篇css博客是参考B站黑马程序员–pink老师做的个人笔记,供平时复习使用,现分享给大家,喜欢的话请多多点赞收藏哦~~ 文章目录 P62.css简介P63.css的语法规范P65.选择器总体概
日期 2023-06-12 10:48:40html5+css3重温笔记
#### 1.css3兼容老式IE 浏览器（ie678）--使阴影和圆角属性生效 -moz-border-radius:15px;//Firefox -webkit-border-radius:15px; // Safari and Chr
日期 2023-06-12 10:48:40CSS学习笔记
目录 1. 学习CSS的基础 1.1 基本语法规范 1.2 引入方式 2. 选择器 2.1 选择器的功能和种类 2.2 基础选择器 2.3 复合选择器 2.3.1 后代选择器 2.3.2 子选择器 2.3.3 并集选择器 2.3.4 伪类选择器 3. 常用元素属性 3.1 字体属性 3.2 文本属性 3.3 背景属性
日期 2023-06-12 10:48:40HTML5 + CSS3 表单学习笔记（六）
表单学习 表单学习(实现简易的登陆界面)初始表单post和get提交(form)表格元素属性格式单选框(radio)多选框(checkbox)按钮(button)列表框文本域和文件域列表框文本域 (textar
日期 2023-06-12 10:48:40HTML5 + CSS3 列表 表格 媒体元素学习笔记（四）
列表 表格 媒体元素学习笔记 行内元素和块元素列表标签无序列表有序列表自定义列表 表格标签打印基本表格测试样例 媒体标签 行内元素和块元素 行内元素和块元素 块元素
日期 2023-06-12 10:48:40