CSS笔记(1)
CSS笔记(2)
CSS字体属性 CSS Font(字体)属性用来定义字体系列:大小,粗细和文字样式(如斜体). 文字字体 CSS使用font-family属性定义文本的字体系列文字大小 CSS使用font-size属性定义文字大小 文字粗细 CSS使用font-weight 设置文字的粗细效果,400等价于normal,默认粗细字体,700等价于bold,粗体,注意后面不需要跟单位!!!文字样式 C
日期 2023-06-12 10:48:40
CSS笔记(3)
CSS笔记(3) 刚刚学习完了CSS的文本属性,感觉还不是很难但是知识点还挺多的,偶尔会忘记一些...发现做笔记还是很有用的,我经常会翻自己写过的文章来看,感觉其实html不算太难,但是要记得东西真的好多好多啊...幸好我记了笔记.学习内容: CSS的引用方式:行内样式表/内部样式表/外部样式表Emmet语法;(一)复合选择器:后代选择器/子选择器(二)伪类选择器;链接伪类选择器CSS的引用方式
日期 2023-06-12 10:48:40
CSS笔记(12)
关于浮动清除浮动的方法额外标签法,也称隔墙法父级添加overflow属性父级添加after伪元素父级添加双伪元素额外标签法(隔墙法) 额外标签法会在浮动元素末尾添加一个空的标签,例如<div style="clear:both"></div> 优点:通俗易懂,书写方便. 缺点:添加许多无意义的标签,结构化较差. 注意:要求这个新的空标签必须是块级元
日期 2023-06-12 10:48:40CSS笔记(14)
CSS定位为什么需要定位?浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子.定位 将盒子定在某一个位置,所以定位也是在摆盒子,按照定位的方式移动盒子.定位=定位模式+边偏移. 定位模式用于指定一个元素在文档中的定位方式,边偏移则决定了该元素的最终位置. 定位模式 定位模式决定
日期 2023-06-12 10:48:40
CSS笔记(17)
CSS三角的做法 有时候我们会看到网页中盒子边边有一些小三角,这种小三角是可以直接用CSS写出来的. 这个的方法特别神奇...如果设置一个没有宽度和高度的盒子,只设置边框,然后为每个边框设置不同的颜色,就会得到这样的图形 所以我们要想得到某一个三角形,只要将所有的边框都设置为透明的,只给我们想要的三角形所在的边框一个颜色. <head> <meta charset=
日期 2023-06-12 10:48:40
CSS笔记(19)
CSS初始化 不同浏览器对有些标签的默认值是不同的,为了消除不同浏览器对HTMl文本呈现的差异,照顾浏览器的兼容,我们需要对CSS初始化. 简单理解:CSS初始化是指重设浏览器的样式(也称为CSS reset) 我们现在看看京东的初始化样式:<!DOCTYPE html> <html lang="en"> <head> <
日期 2023-06-12 10:48:40
CSS笔记(25)之动画animation
CSS3动画 动画(animation)是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果. 相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果. 动画的基本使用制作动画分两步: 先定义动画再使用(调用)动画.用keyframes定义动画(类似定义类选择器)@keyframes 动画名称 { 0% {
日期 2023-06-12 10:48:40CSS笔记(26)
3D转换三维坐标系x轴:水平向右 y轴:垂直向下z轴:垂直屏幕 注意: 往外面是正值,往里面是负值(肥肠重要!). 主要知识点3D位移: translate3d(x,y,z)3D旋转: rotate(x,y,z)透视perspective3D呈现: transform-style3D移动之translate3d 其中,xyz都是不能省略的,没有的话就写0. 透视perspective 在2D平
日期 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学习笔记：边框样式，列表符号【7/27】
边框样式border-widthborder-width用于定义边框的宽度，通常是一个像素值。border-styleborder-style用于定义边框的风格，通常有三种：属性说明none无样式dashed虚线solid实线除了上表列出这几个，还有hidden、dotted、double等取值。不过其他取值几乎用不上，可以直接忽略。border-colorborder-color属性用于定义边框
日期 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:40Scss学习笔记，持续记录
Scss起步相关文档：https://www.sass.hk/docs/1.Ruby安装下载Ruby：https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-3.1.0-1/rubyinstaller-3.1.0-1-x64.exegem sources --add https://gems.ruby-c
日期 2023-06-12 10:48:40PostCss学习笔记，持续记录
Css模块CSS 的隔离主要有两类方案，一类是运行时的通过命名区分，一类是编译时的自动转换 CSS，添加上模块唯一标识。1.运行时运行时的方案最典型的就是 BEM，它是通过 .block__element–modifier 这种命名规范来实现的样式隔离，不同的组件有不同的 blockName，只要按照这个规范来写 CSS，是能保证样式不冲突的。但是这种方案毕竟不是强制的，还是有样式冲突的隐患。2.
日期 2023-06-12 10:48:40HTML&CSS精选笔记_CSS入门详解编程语言
选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} CSS代码结构中的特点 CSS样式中的选择器严格区分大小写，属性和值不区分大小写，按照书写习惯一般将“选择器、属性和值”都采用小写的方式。 多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略，但是，为了便于增加新样式最好保留。 如果属性的值由多个单词组成且中间包含空格，则必须为这个属性值加上英文状态
日期 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学习笔记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学习笔记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: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学习笔记02 CSS选择器详解编程语言
1、通配符选择器 通配符选择器用“* 号表示，是所有选择器中作用范围最广的，能匹配页面中所有的元素 /*设置当前页面中所有标签的颜色为红色*/ color: red; } 2、标签选择器 标签选择器就是选择当前页面中相同名字的标签 /*设置所有p标签的文字颜色为红色*/ color: red; } 3、ID选择器 id选择器使用 # 进行标识，后面紧跟id名 /
日期 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:40JQueryCSS样式控制学习笔记
jQuery就不多说了，这是JS的一个函数库，比较常用，我们今天是就jQuery的三种用于css的操作进行总结$(selector).css("name","value")$(selector).css({properties})$(selector).css(name)$(selector).css("name","value")为所有元素给定CSS属性设置值：下面看我刚写的代码复制代码代码如
日期 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:40SCSS学习笔记（一）
SCSS的由来 SCSS就是加强版的CSS，要讲SCSS那就一定要从SASS讲起 SASS Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。2007年发行，2016年版本稳定，设计和开发分开进行，让这个语言的
日期 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 选择器学习笔记
网站链接： https://www.w3.org/TR/CSS21/selector.html CSS支持的所有选择器： 选择器 grouping 当几个选择器共享同一部分属性时&#x
日期 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:40css笔记
css笔记: 1.选择器： id具有唯一性,通过#定义 class可重复,通过.定义 :focus 选择器用于选取获得焦点的元素。示例如下： class为 start_time的控件的样式及获得焦点后的样式。 .start_time { width: 150px; margin-
日期 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