CSS笔记

HTML和CSS笔记

html标签分类：行级标签（display:inline）（可以在一行共同存在，内容决定大小不能改变宽高）：span,a,strong,em,del,伪元素(::before,::after)。块级标签（display:block）（独占一行的标签，可以改变宽高）：div,p,ol,ul,li,form。行级块元素（display:inline-block）（内容决定大小但可以改变宽高）：img。
threewhisky·2020-09-13 02:16

慕课学习史上最全零基础入门HTML5和CSS笔记

慕课学习史上最全零基础入门HTML5和CSS笔记Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。
发哥Learning·2020-09-12 18:19

博学谷 - CSS笔记04 - emmet语法

1.作用快速生成HTNL结构语法快速生成CSS样式语法2.快速生成HTML结构语法生成标签：输入标签名，按tab键生成多个相同标签，例如:div*3，生成3个div标签父子标签，用>即可兄弟标签，加+生成带类名或者带id的标签，加.demo或者#demo生成的标签的类名带顺序的，用$标签内写内容，加{}3.快速生成CSS样式语法使用英文首字母的简写即可4.快速格式化代码快捷键：shift+alt+
hecr_mingong·2020-09-12 13:52

CSS笔记-重绘和回流以及解决办法

重绘：改变色彩（不影响布局）回流：浏览器为了重新渲染部分或者全部的文档而重新计算文档中元素的位置和几何构造的过程（影响周围元素和dom树）就拿chrome来说，创建一个图层要有以下其中一个条件：1：一个dom元素拥有3d或透视变换的css属性（persepective,transform）2：video标签3：拥有3d上下文或加速2d上下文的canvas节点4：混合插件flash5：自己做的opa
印第安米饭·2020-09-11 15:30

CSS笔记-定位Position 及 浮动清除

position属性比较【转】static：对象遵循常规流。此时4个定位偏移属性不会被应用。relative：对象遵循常规流，并且参照自身在常规流中的位置通过[top]，[right]，[bottom]，[left]这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。absolute：对象脱离常规流，此时偏移属性参照的是离自身最近的定位祖先元素，如果没有定位的祖先元素，则一直回溯到body元素
Handy____·2020-09-11 08:56

CSS笔记：浅谈position属性

之前并没有在意position的使用，在此专门花时间总结了一下它的用法。何谓positionposition属性定义建立元素布局所用的定位机制。值得一提的是，任何元素都可以定位，不过绝对或固定元素能生成一个块级框，而不论该元素本身是什么类型。目前，所有主流浏览器都支持position属性，以下是浏览器对position属性兼容性的概况图：注：任何版本的IE浏览器(包括IE8)都不支持属性值"inh
YaoDeBiAn·2020-09-11 07:27

HTML5和CSS学习笔记（二）

接着学习CSS笔记（一）（17）添加带有边框半径的圆角通过CSS的一个叫border-radius(边框半径)的属性来让边框变成圆的如：使用像素来指定border-radius的属性值，现在让你的猫咪图片的边框半径为
拱白菜的小白·2020-09-10 20:01

静态页面制作(一)

(注:未使用BootStrap)二丶CSS笔记1.为body设置background-image时,设置background-size:cover属性,可以实现背景图片的拉伸(水平and垂直).2.实现圆角头像效果
Alex_Gua·2020-09-10 12:52

CSS笔记：CSS概述

CSS：页面美化和布局控制概念：CascadingStyleSheets层叠样式表层叠：多个样式可以作用在同一个html的元素上，同时生效优点：功能强大将内容展示和样式控制分离降低耦合度。解耦。让分工协作更容易提高开发效率CSS的使用：CSS与html结合方式内联样式在标签内使用style属性指定css代码如：hellocss内部样式在head标签内，定义style标签，style标签的标签体内容
Asinmy·2020-09-10 09:24

css笔记-7/内联元素字体的坑

互联网技术是外国传入中国的,所以css很多莫名其妙的用法都是源自于外国的一些历史文化~就比如font-size,这个属性的高度就和外国的活字印刷有关,font-size就是印刷磨具的磨具大小,外国人的英文也有很多字体,其中某些艺术字体的长度比较长,比如g,f,y...这些字体,所以他们的某些字体也会比一般字体大,所以有的字体会大于font-size//简单来说:font-size是西方活字印刷模具
joker731·2020-08-24 14:18

BEM命名规则和规范

http://www.w3cplus.com/css/css-class-name.html常用的CSS命名规范：http://www.html5cn.org/article-7600-1.html通用CSS
abcde3326·2020-08-23 01:14

通用 CSS 笔记、建议与指导

#通用CSS笔记、建议与指导---在参与规模庞大、历时漫长且人手众多的项目时，所有开发者遵守如下规则极为重要：+**保持CSS的可维护性**+**保持代码清晰易懂**+**保持代码的可拓展性**为了实现这一目标
iceman_sun·2020-08-22 17:46

CSS笔记

1.CSS的全称是什么?CSS全称是CascadingStyleSheets,层叠样式表2.CSS有几种引入方式?link和@import有什么区别?CSS有三种引入方式：内联样式，内部样式和外部样式。内联样式：内部样式：h1{color:red;font-size:20px;}饥人谷外部样式（使用链接引入方式显示样式）：link最好放在head不要放在body。link是一个html的标签，可以
湖衣·2020-08-22 11:24

小番茄的CSS笔记汇总（二）

希望能通过这写这么一个系列的文章来督促和重新学习css的知识，也希望能帮助刚踏上前端之路的学弟学妹们全面一些的学习css知识,这个系列主要是从css的api的翻译笔记cssApi文档:disabled:disable伪类主要是用来选取被禁用的元素，一个元素被禁用就代表着这个元素不能被激活（即不能被选中，点击，不能当作表单使用）或则被聚焦。当然这个元素也有能被激活的状态，也就是说这个元素能被激活或则
白霸天·2020-08-22 09:46

SCSS笔记6 - 继承

用@extend继承复用样式回忆一下最上面的嵌套，嵌套的特点是，比如a嵌套b，a声明的属性，b是得不到的，而实践中一些css属性是不自动继承的，所以有时候需要a的声明让b也声明一次，怎么办？用@extend继承复用样式。a{width:100%;}b{@extenda;font-size:12px;}会得到：a,b{width:100%;}b{font-size:12px;}说白了，就是谁继承了a
microkof·2020-08-20 22:49

css重要属性

@CSS笔记htmlcssjavascript语法:1.属性名和属性值之间使用:隔开2.多对属性之间使用;隔开3.最后一对属性可以不加分号共有属性：idstyle=“根据css语法进行设置”classtitlewidth
指尖青春�·2020-08-18 06:24

CSS笔记（一）：before伪元素实现半透明背景图

2019独角兽企业重金招聘Python工程师标准>>>通过给元素before伪元素作为背景图片的载体，实现半透明背景。这样的好处是避免直接调整opacity导致前景及子元素也变透明。样式如下：.pane{position:relative;}.pane::before{content:"";position:absolute;width:100%;height:100%;z-index:-1;ba
weixin_34055910·2020-08-18 04:39

前端学习【03】常用CSS代码块

常用CSS笔记1.清除浮动2.溢出文字隐藏3.鼠标经过插入一个伪元素4.过渡动画5.盒子居中对齐6.按中心点旋转7.动画1.清除浮动.clearfix:after{content:"."
chenyi丶·2020-08-18 00:31

【CSS笔记之五】IE6/IE7/IE8下float:right的异常及其解决方法

示例分析代码：安卓首页>安卓游戏>角色育成下载量排序时间排序对应CSS样式代码：#channel_tith1,#channel_tith2{background:none;font-size:14px;padding-left:10px;height:34px;line-height:34px;width:650px;}/*排序开始20120503*/#channel_tith2span{posi
清枫草塘·2020-08-17 12:02

20190901笔记默写[mò xiě] write from memory

CSS笔记：默写[mòxiě]writefrommemory1.代码管理使用方式git代码管理工具gitHub代码管理平台(国外,服务器在国外,该代码管理平台都是英文)码云(中国的gitHub)1.1.
qq_de·2020-08-17 09:07

HTML+CSS笔记 CSS进阶续集

元素分类在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：、、...、、、、、、、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、块级元素什么是块级元素？在html中、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。语法:a{display:block;}块级元素特点：1、默认每
weixin_30824599·2020-08-15 16:14

HTML+CSS笔记 CSS入门续集

继承CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代(标签)。语法:p{color:red;}三年级时，我还是一个胆小如鼠的小女孩。上面代码展示了:某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签。语法:p{border:1pxsolidred;}三年级时，我
weixin_30695195·2020-08-15 16:35

css笔记完整版（三）之常见属性（共四部，加起来就是css完整笔记）

目录零、码仙励志一、颜色属性二、字体属性三、背景属性四、文本属性五、边框属性六、列表属性零、码仙励志你经得起多少诋毁，就担得起多少赞美，活出自我，才值得拥有更好的邂逅一、颜色属性.a1{color:red;}.a2{color:#ff6600;}.a3{color:#f60;}.a4{color:rgb(95,197,175);}.a5{color:rgba(0,0,0,0.51);}属性定义文本
码仙♥·2020-08-15 08:14

CSS笔记之字体和文本属性

ps:最近有些懒散了呢，15年了加油，加油！第5章字体Times实际上是一个字体系列（fontfamily）,而不只是单个的字体除了各种特定字体系列外（如Times、Verdana、Helvetica或Arial），css还定义了5种通用字体系列：1）Serif字体这些字体成比例（如果字体中的所有字符根据其不同大小有不同的宽度，则称改字体是成比例的），而且有上下短线。serif字体的例子包括Tim
swingwind·2020-08-15 08:24

css笔记

需要注意的是，一定要让你声明的当前页面所使用的编码格式与当前页面文件的保存格式一致，否则会出现乱码我们中文的世界里，目前采用的编码方式：UTF-8GB2312b、给网站添加描述信息，便于搜索引擎搜索c、给网站添加搜索关键字7.ul标签：无序列表，它是用来表示一组语义相同的项ul标签和li标签是成组出现的。换句话说ul和li不能单独存在ul标签只能放lili标签里可以放任何东西，可以非常复杂，甚至可
HongfeiAn·2020-08-15 07:06

盒子模型（CSS笔记）

记录一些日常的学习笔记，希望自己能坚持学下去。1.看透网页的本质看透网页的本质：利用CSS设置好盒子的大小，然后摆放盒子的位置。最后把网页元素比如文字图片等，放入盒子里面。2.盒子模型就是把HTML页面中的布局元素看作是一个矩形盒子，盛装内容的容器总结：盒子模型由元素的内容、边框（border）、内边距（padding）、和外边距(margin)组成。盒子里的文字和图片等元素是内容区域盒子的厚度就
落魄的太阳·2020-08-15 07:02

CSS笔记（一）

文章目录CSS简介CSS样式编写1、内联样式2、内部样式3、外部样式CSS语法选择器常用的选择器元素选择器id选择器类选择器选择器分组（并集选择器）通配选择器复合选择器（交集选择器）后代元素选择器子元素选择器伪类选择器伪元素选择器属性选择器：兄弟元素选择器否定伪类选择器声明块块和内联元素(html)之前的笔记之前两次笔记我们简单的介绍了一下HTML，接下来我们学习一下css，就是我们之前所说，结构
阿牛大牛中·2020-08-15 05:27

【css笔记】css中的盒模型和三种定位机制(固定定位,绝对定位,浮动)

html页面上的元素都可以看成是框组成的,框通过三种定位机制排列在一起就过程了我们看到的页面.而框就是盒模型.盒模型1.页面上的每个元素可以看成一个矩形框，每个框由元素的内容，内边距，边框和外边距组成。2.如果在元素上添加背景，则背景是边框,内边距和内容组成的区域.3.在css中width和height指的是内容区域的宽度和高度。增加内边距，边框和外边距不会影响内容区域的尺寸，但会增加元素框的总尺
weixin_30681615·2020-08-15 05:31

【CSS笔记六】CSS盒模型

一、元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：、、...、、、、、、、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、二、元素分类：块级元素在html中、、、、和就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将
愤斗的小鸡·2020-08-15 05:42

CSS笔记（盒模型以及媒体查询）

1盒模型（boxmodel）从CSS的角度看，每一个元素都是一个盒子，这个盒子由内容区（contentarea）、内边距（padding）、边框（border）以及外边距（margin）四样东西组成。而使用CSS可以对盒子的所有方面加以控制。边距，无论是外边距还是内边距（包括上下边距），设置的百分数值都是相对于父元素的width计算1.1内边距（padding）内边距分为上、右、下、左，大小可以用
banmao8461·2020-08-15 04:39

CSS笔记

CSS笔记用法外部样式表当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
Fighting_No1·2020-08-15 04:26

css笔记完整版（四）之DIV+CSS布局（共四部，加起来就是css完整笔记）

目录零、码仙励志一、div和span二、盒模型三、布局相关的属性1.position定位方式2.定位left（左），right（右），top（上），bottom（下）3.z-index层覆盖先后顺序（优先级）4.display显示属性5.float浮动属性6.clear清除浮动7.overflow溢出处理零、码仙励志生活没有太多的十全十美，所有的酸甜苦辣都是最好的回忆一、div和spandiv{b
码仙♥·2020-08-10 21:17

CSS笔记（美化文本）

一、字体样式1、定义字体类型(下面的”|”用来分隔可选值）1）font-family属性font-family:字体1名称，字体2名称，字体3名称用字体名称来定义，按优先顺序排列，逗号隔开font-family:ncursive|fantasy|monospace|serif|sans-serif用字体序列名称来定义2）font属性（复合属性，可以定义多种字体属性）font:font-style|
brightan·2020-08-10 14:57

CSS笔记（美化列表）

一、列表的基本结构列表的结构可以分为两种基本类型：有序列表和无序列表。无序列表使用项目符号来标识列表，而有序列表则使用编号来标识列表的项目顺序。标识无序列表标识有序列表标识列表项目还有一种特殊列表是定义列表，它包括词条和解释两块内容标识定义列表标识词条标识解释二、创建列表1、无序列表ul与li之间不能插入其他标签2、有序列表标签包含三个实用的属性reversed：取值为本身，定义列表降序start
brightan·2020-08-10 14:57

CSS笔记（美化图像）

一、插入图像标签并不会在网页中插入图像，而是从网页上链接图像，它创建的是被引用图像的占位空间二、设置图像格式1、定义图片大小height：定义图像的高度width：定义图像的宽度ismap：将图像定义为服务器端图像映射usemap：将图像定义为客户端图像映射longdesc：指向包含长的图像描述文档的URL2、定义图片边框border:none消除图像边框1）边框样式（使用border-style
brightan·2020-08-10 14:57

CSS笔记（美化表格）

一、表格的基本结构表格由行、列、单元格三部分组成，单元格是行与列交叉的部分，可以拆分和合并。表格，行，单元格单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。1、标准化的表格结构*定义表格*定义表格标题必须紧随后，且唯一*定义表头单元格（文本粗体、居中）*定义表格中的一行*定义表格中的一个单元格*定义表头结构*定义表格主体结构*定义表格的页脚结构*在表格中定义针对一个或多个列的属性值。只
brightan·2020-08-10 12:28

CSS笔记(美化表单）

一、表单的基本结构表单由很多控件构成，如文本框、文本区域、单选按钮、复选框、下拉菜单和按钮等。一个完整的表单结构应该由三部分组成1）表单框架（)：是一个包含框，里面包含所有表单对象。包含处理表单数据的各种属性，如提交字符编码、与服务器交互的页面、HTTP提交方式等2）表单域（、等标签）：用于采集用户的输入或选择的数据，如文本框、文本区域、密码框、隐藏框、单选框、复选框、下拉选择框及文件上传框等。3
brightan·2020-08-10 12:28

CSS笔记（美化超链接）

一、定义超链接1、超链接分类1）内部链接（链接的目标在同一网站中，直接相对路径就可以链接的，URL不需要指定协议和互联网位置）2）外部链接（一般为外部网站目标，需要指定协议和网站地址）3）锚点链接（锚标记后缀“#”）2、标签百度一下使用target属性并取值“_blank”可以在点击链接后在新的标签页中显示百度首页3、定义锚点链接任何被赋值了ID值的元素都可以作为锚点标记4、定义不同目标的的链接超
brightan·2020-08-10 12:58

网页设计之第二节CSS笔记-1

CSS简介这节的目录CSS简介1.1HTML和CSS的区别1.2CSS语法CSS基础选择器2.1选择器的作用2.2选择器的分类2.2.1基础选择器标签选择器类选择器类选择器-多类名id选择器通配符选择器总结CSS字体属性字体系列3.1font-family3.2font-size3.3font-weight3.4font-style3.5font复合属性总结CSS文本属性外观系列4.1color4
刘幼清·2020-08-09 21:00

【CSS笔记之十】深入认识display:inline-block和hasLayout

【CSS笔记之十】display:inline-block和hasLayouthasLayout设计的初衷是用于辅助块级元素的盒子模型的，它是用于块级元素的。如果用于行内元素，会引发一些特殊效果。
清枫草塘·2020-08-09 20:11

CSS笔记（七）列表

CSS列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。参考：http://www.w3school.com.cn/css/css_list.asp实例：ul{list-style:squareinsideurl('/i/eg_arrow.gif')}咖啡茶可口可乐ViewCode效果：CSS列表属性(list)属性描述list-style简写属性。用于把所有用于列表的属性设置于一个声
aws10686·2020-08-09 17:26

css笔记

16px=1em（注：16等于父元素的默认字体大小，假设父元素的font-size为20px，那么公式需改为：pixels/20=em）p{text-indent:5em;}文本首行缩进5emp.uppercase{text-transform:uppercase}p.lowercase{text-transform:lowercase}p.capitalize{text-transform:ca
sxy12138·2020-08-09 12:31

Java-web css笔记

css的主要作用是用来美化html页面的表格布局：p标签：段落标签br标签：简单换行h1-h6：标题标签hr标签：水平分割线，华丽的分割线font：改变颜色color、字体size(范围1-7)、字体大小faceb：加粗i：斜体strong：加粗，带语义标签em：斜体，带语义标签img标签：图片标签，显示图片，src:指定图片路径，width：宽度，height：高度，alt：图片加载失败的提示表
浮生若梦，为欢几何？·2020-08-08 20:13

CSS笔记（字体样式，文本属性和颜色样式）

1字体样式1.1字体系列（fontfamily）在CSS中，字体划分为五组“字体系列”，分别为：sans-serif字体系列：没有衬线的字体，最常用不为过，如Arial、Verdana，ArialBlack，Geneva等serif字体系列：有衬线的字体，常用于新闻文字排版，如Times，TimesNewRoman，Georgia等monospace字体系列：每个字符都包含固定的宽度，主用于显示软
banmao8461·2020-08-08 14:08

CSS笔记2

插入样式表插入样式表的方法有三种:外部样式表(Externalstylesheet)内部样式表(Internalstylesheet)内联样式(Inlinestyle)外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。标签在（文档的）头部可以在任何文本编辑器中进行编辑文件不能包含任何的
ZhuangDieSheng·2020-08-05 10:28

CSS笔记-上篇

1.CSS初识CSS(CascadingStyleSheets)层叠样式表（级联样式表）用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样，还可以针对不同的浏览器设置不同的样式2.引入CSS样式表2.1内部样式表getstart选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}一般写在head头部标签中，其他位置
Scincyc·2020-08-04 16:25

CSS笔记

CSS笔记CSS基础CSS样式背景文本字体链接列表表格轮廓CSS定位定位浮动浮动的应用CSS盒子模型概述内边距边框外边距外边距合并盒子模型应用CSS常用操作对齐尺寸分类导航栏图片选择器选择器详解CSS动画
阿西代码·2020-08-03 15:13

信管117104陈张建-企业实训第一天（2019年6月17日）

直接把文件夹拉入到sublimetext3在sublime里面右键-新建文件给新文件命名，带html文件后缀，ctrl+s保存文件在创建的新html文件中输入html按tab键可以补齐代码html文档的结构CSS
guangnianaaa·2020-08-02 17:32

CSS笔记之 小白入门（一）

CSS基础文章目录CSS基础HTML用来搭建网页的结构，而CSS的作用是用来对页面上的HTML标签设置样式或者排版。关于CSS，主要介绍选择器和属性。1.基本选择器的使用1.1通配符选择器1.2标签选择器1.3类选择器1.4id选择器2.选择器的优先级3.常用组合选择器4.选择器的权重和颜色HTML用来搭建网页的结构，而CSS的作用是用来对页面上的HTML标签设置样式或者排版。关于CSS，主要介绍
AutumnorLiuu·2020-08-02 15:09

CSS笔记

由于有些零散的代码夹杂其中，所以用代码块编辑。马士兵_CSS_学习笔记_尚学堂_个人整理一、CSS定义CSS—CascadeStyleSheet层叠样式表(装饰标签的)1998/5/12，CSSlevel2成为W3C标准用来装饰HTML/XML的标记集合特点：样式表由样式规则组成，以告诉浏览器如何显示一个文档每个规则的组成包括一个选择符---通常是一个HTML的元素---和该选择符所接受的样式每个
夏洛克卷·2020-08-01 09:47
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他