CSS笔记(26)
CSS笔记(3)
CSS笔记(3) 刚刚学习完了CSS的文本属性,感觉还不是很难但是知识点还挺多的,偶尔会忘记一些...发现做笔记还是很有用的,我经常会翻自己写过的文章来看,感觉其实html不算太难,但是要记得东西真的好多好多啊...幸好我记了笔记.学习内容: CSS的引用方式:行内样式表/内部样式表/外部样式表Emmet语法;(一)复合选择器:后代选择器/子选择器(二)伪类选择器;链接伪类选择器CSS的引用方式
日期 2023-06-12 10:48:40
CSS笔记(4)
学习内容:CSS的元素显示模式:块元素/行内元素/行内块元素元素显示模式转换简洁版小米侧边栏案例CSS的元素显示模式1.什么是元素显示模式 作用: 网页的标签非常多,在不同的地方会使用不同类型的标签,了解他们的特点可以更好的布局我们的网页. 元素显示模式就是元素(标签)以什么方式进行显示,比如<div>自己占一行,比如一行可以放多个span.html元素一般分为块元素和行内元素两种类
日期 2023-06-12 10:48:40
CSS笔记(7)
CSS盒子模型 终于学到新内容啦!CSS的盒子模型,其实学到这里有些东西已经懵懵的了,听都听得懂,因为老师讲的实在是很好,但还是害怕实际运用的时候不知所措...不管了先学吧.居然还要学习一点PS...又要重新下载,心累.网页布局过程: 1.先准备好相关的网页元素,网页元素基本都是盒子BOX. 2.利用CSS设置好盒子样式,然后摆放到相应位置. 3.往盒子里装内容. 网页布局
日期 2023-06-12 10:48:40CSS笔记(10)
CSS笔记(10) 唉,感觉最近好懒啊,一直在玩玩玩.得抓紧学了,每次看弹幕都感觉别人学的好快好多,在家的效率真的好低啊,比学校里低太多了555555.传统布网页布局的三种方式 1.普通流(标准流) 2.浮动 3.定位①标准流(普通流/文档流) 所谓的标准流,就是标签按照规定好默认方式排列.比如块级元素会独占一行,行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行.标准流是
日期 2023-06-12 10:48:40CSS笔记(12)
关于浮动清除浮动的方法额外标签法,也称隔墙法父级添加overflow属性父级添加after伪元素父级添加双伪元素额外标签法(隔墙法) 额外标签法会在浮动元素末尾添加一个空的标签,例如<div style="clear:both"></div> 优点:通俗易懂,书写方便. 缺点:添加许多无意义的标签,结构化较差. 注意:要求这个新的空标签必须是块级元
日期 2023-06-12 10:48:40
CSS笔记(23) 基础班完结!撒花ヽ(°▽°)ノ
终于做完了品优购的案例,花费了我好多天,因为实在是懒+边看边敲,还真的挺累的,昨天又自己做了一遍,把难得地方都做了,还算顺利,做一遍和光看得感觉是完全不一样的,现在继续学习后面的知识.服务器什么是web服务器 我们写的品优购网站,目前是放在自己电脑上的,只能自己访问浏览.如果很多人访问我们的网站,可以把品优购放在服务器上,这样就可以多人访问我们的网站. 服务器(我们也称之为主机),是提供计
日期 2023-06-12 10:48:40CSS学习笔记：表格样式，图片样式【7/27】
表格标题位置语法：caption-side:取值;默认情况下，表格标题是在表格的顶部，属性为：top，如果想把标题放在底部，属性为：bottom。如果想要定义表格标题的位置，在table或caption这两个元素的CSS中定义caption-side属性，效果是一样的，一般情况，我们只在table中定义就行。表格边框合并语法：border-collapse:取值；属性值说明separate边框分开
日期 2023-06-12 10:48:40CSS笔记
CSS笔记link rel=”stylesheet” href=”文件名” margin:0px auto;（块级元素居中）和width：的组合 写2个数：第一个代表上下，第二个代表左右 写3个数:第一个代表上，第二个代表左右,第三个下 写4个数：上，右，下,左 text-align:center；（行级元素居中） list-style：none （去除符号） clear：both（去除浮动） o
日期 2023-06-12 10:48:40
Web前端开发CSS笔记
CSS 层叠样式CSS引用:直接引用 直接在HTML标签的后面加上style类型声明即可,多个类型请用分号隔开.<body> <p style="color: red"> hello lyshark </p> <div style="color: yellow ; background: red"> hel
日期 2023-06-12 10:48:40HTML&CSS精选笔记_布局与兼容性详解编程语言
版心和布局流程 为什么要应用布局？阅读报纸时容易发现，虽然报纸中的内容很多，但是经过合理地排版，版面依然清晰、易读。同样，在制作网页时，要想使页面结构清晰、有条理，也需要对网页进行“排版”版心“版心”是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px等 布局流程1、确定页面的版心。2、分析页面中的行模块，以及每个行模块中的列模块。3
日期 2023-06-12 10:48:40HTML&CSS精选笔记_CSS高级技巧详解编程语言
CSS精灵是一种处理网页背景图像的方式。它将一个页面涉及到的所有零星背景图像都集中到一张大图中去，然后将大图应用于网页，这样，当用户访问该页面时，只需向服务发送一次请求，网页中的背景图像即可全部展示出来。通常情况下，这个由很多小的背景图像合成的大图被称为精灵图， CSS 精灵其实是将网页中的一些背景图像整合到一张大图中（精灵图）。然而，各个网页元素通常只需要精灵图中不同位置的某个小图，
日期 2023-06-12 10:48:40
HTML&CSS精选笔记_浮动与定位详解编程语言
什么是浮动？元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制，移动到其父元素中指定位置的过程。 如何定义浮动？在CSS中，通过float属性来定义浮动，其基本语法格式如下： 选择器{float:属性值;} float属性值left 元素向左浮动right 元素向右浮动none 元素不浮动（默认值） 为什么要清除浮动？由于浮动元素不再占用原文档流的位置，所以它会对页面中
日期 2023-06-12 10:48:40HTML&CSS精选笔记_HTML入门详解编程语言
HTML基本文档格式 HTML文档的基本格式，其中主要包括 !DOCTYPE 文档类型声明、 html 根标记、 head 头部标记、 body 主体标记。 !DOCTYPE 标记位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范 html 标记位于 !DOCTYPE 标记之后，也称为根标记，用于告知浏览器其自身是一个 HTML 文档， html 标记标志着
日期 2023-06-12 10:48:40HTML/CSS/JavaScript学习笔记持续更新详解编程语言
1 font size="3" color="red" This is some text! /font 2 font size="2" color="blue" This is some text! /font 3 font face="verdana" color="green" This is some text! /font HTML 与 XHTML 之间的差异 在 HTML
日期 2023-06-12 10:48:40CSS学习笔记10 相对定位，绝对定位与固定定位详解编程语言
文档流中的元素的位置由元素在 (X)HTML 中的位置决定，这就是最原始的普通流，前面讲到的浮动CSS学习笔记08 浮动可以改变元素在文档流中的位置，除了这个我们还可以通过使用CSS的position 属性，来重新决定元素在文档流中的位置。 position 属性值 static：默认的文档流的布局的方式，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素
日期 2023-06-12 10:48:40CSS学习笔记03 CSS层叠性、继承性、特殊性详解编程语言
所谓层叠性是指多种CSS样式的叠加，也就是说后面设置的样式会层叠（覆盖）之前的样式，层叠性的前提是CSS的选择器的优先级相同，例如，当使用内嵌式CSS样式表定义 p 标记字号大小为12像素，链入式定义 p 标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。 1 !DOCTYPE html 2 html lang="en" 3 head 4 meta c
日期 2023-06-12 10:48:40CSS学习笔记01 CSS简介详解编程语言
1、CSS定义 CSS 指层叠样式表 (Cascading Style Sheets)，是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。 2、为何使用CSS 网页是由HTML标签组成的，那么这些标签会根据浏览器的默认方式进行排版与样式的渲染，如果想要更改
日期 2023-06-12 10:48:40CSS权威指南-第三版–读书笔记详解编程语言
第一章：CSS和文档 html是结构化语言，css是样式语言，html主要用来被强大的搜索引擎更好的索引，更好的让一个盲人通过语音浏览器来了解我们的网页，这也就是为什么说html是结构话语言，因为这是W3C规定的，大家都在遵循，统一的标准会给所有人带来便利（比如上面提到的盲人）。 从web的衰落开始谈起，当时web只是用简单的html来编写，大量的流行，为了更好的展示，于是出现了一些 fo
日期 2023-06-12 10:48:40淘宝段正淳的css笔记大全
试想过总结出这几年来写css与xhtml的经验，汇总成一片”旷世奇文”分享给大家。无奈寡人年世已高，真是有点力不从心了。于是转念一想，可以用笔记的形式展现，这样就不用担心写不出来了。 现在就来说个淘宝首页上的一个小技巧。 类目之间的横竖线 从很久很久以前开始，类目间的竖线无非都只有三种。 背景图在a标签设置一个padding用宽1px高不等的背景图来position到右侧。缺点：最后一个还是
日期 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:40《CSS世界》笔记二：盒模型四大家族
上一篇：《CSS世界》笔记一：流/元素/尺寸下一篇：《CSS世界》笔记三：内联元素与对齐 写在前面 在读《CSS世界》第四章之前，粗浅的认为盒模型无非是margin/border/padding/content而已，再多无非在不同box-sizing下的表现不同而已；但是书中记录的替换元素与非替换元素、content的一些用法、margin合并等等，让
日期 2023-06-12 10:48:40SCSS学习笔记（一）
SCSS的由来 SCSS就是加强版的CSS，要讲SCSS那就一定要从SASS讲起 SASS Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。2007年发行，2016年版本稳定，设计和开发分开进行，让这个语言的
日期 2023-06-12 10:48:40CSS3选择器之学习笔记
首先说first-child与last-child，这两个选择器很容易明白，就是父元素下的第一个子元素和最后一个子元素。而nth-child和nth-last-child则是父元素下指定序号的子元素，甚至第偶数个、奇数个子元素精选样式的制定。 /*选择器写法示例*/ nth-child(n) //正数第n个子元素nth-last-child(n) //倒数第n个子元素nth-child(odd)
日期 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: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属性学习笔记
参考文献 flex: 1 0 calc( (100% / min(var(--cx-active-view), var(--cx-max-views))) - var(-
日期 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:40AI公开课：19.03.27韦韬—百度CSS《AI产业面临的安全威胁与挑战》课堂笔记以及个人感悟
AI公开课：19.03.27韦韬—百度CSS《AI产业面临的安全威胁与挑战》课堂笔记以及个人感悟 导读 韦韬，百度首席安全科学家(Chief Security Scientist ) 海因里希法则：海因里希法则是美国人海因里希通过分析工伤事故的发生概率，为保险公司的经营提出的法则。这一法则完全
日期 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选择器的优先级（权重）
目录 1.1、选择器的优先级 1.2、CSS选择器权重 1.1、选择器的优先级 CSS选择器的优先级顺序如下所示： 内联样式（style） > id选择器 > class选择器 > 元素选择器 > 通用选择器。 在CSS里面，如果有多个选择器作用在同一
日期 2023-06-12 10:48:40【CSS笔记】CSS设置元素堆叠顺序、元素宽高自适应、calc数学函数
目录 一、堆叠顺序 1.1、默认堆叠顺序 1.2、设置堆叠顺序 二、宽高自适应 2.1、设置宽高自适应 2.2、最小最大宽高 三、calc数学函数 3.1、calc函数 一、堆叠顺序 CSS可以通过【z-index】属性，设置元素的堆叠顺序，【z-index】属性值是一个数字，可以是负数、整
日期 2023-06-12 10:48:40