CSS笔记

HTML+CSS笔记

HTML+CSSHTMLCSSHTML行级元素(内联元素inline)内容决定元素所占位置不可以通过CSS改变宽高eg.spanstrongemadel块级元素（block）独占一行可通过CSS改变宽高eg.divpulliolformaddress行级块元素（inline-block）内容决定大小可通过CSS改变宽高eg.img凡是带有inline的元素都有文字特性如img预编译（函数执行前）函
zzgohaha·2020-07-31 12:44

前端开发笔记--html/css总结

html、css笔记必须是html第一行，其指示浏览器关于页面使用哪个HTML版本进行编写的指令。HTML4.0中DOCTYPE声明引用dtd，因为其基于SGML，DTD规定了标记语言的规则。
小母牛倒立·2020-07-30 21:47

自定义mui 搜索列表插件 picker-search

新建myMuiSearchPicker.js和myMuiSearchPicker.css笔记：1.关于选项条高度，在第一遍初始化时，高度是组件默认高度。
青柠知秋·2020-07-30 11:25

小白的HTML+CSS笔记

HTML+CSS笔记HTML的全称HyperTextMarkupLanguage超文本标记语言title：文档标题标签一般默认是这个编码字符集:GB2312国家编码字符集，包含简体文字，亚裔字符集；GBK
精彩星宇i·2020-07-30 10:35

小白的css笔记（一）

1、先解释一波html与XHTML的区别（不用在听到这个名字的时候被吓一大跳）通过严格的编码HTML就可以符合XHTML的要求·XHTML元素必须被正确地嵌套。标签应该成对的从内向外；·XHTML元素必须被关闭。即必须使用类似的结束标签；·标签名必须用小写字母。因为XHTML要求标签和属性对大小写敏感，可以从写html就养成这个好习惯；·XHTML文档必须拥有根元素。所有的XHTML元素必须嵌套在
Jelly_Song·2020-07-30 07:53

前端CSS笔记之 小白入门（二）

本文为他人笔记搬运版1.CSS常见属性使用说明CSS里不仅要使用选择器找到标签，找到标签以后还需要使用CSS的属性键值对设置标签的属性。CSS的属性键值对非常的多，我们只给大家列举一些开发中比较常见的属性，其他样式大家可以自行尝试。CSS属性列表1.1文本相关属性属性取值描述color可以直接写颜色英文单词，可以直接用十六进制、也可以用rgb()值代替设置文本颜色text-aligncenter\
AutumnorLiuu·2020-07-30 07:18

web前端小白入门笔记6

css笔记Div和Span标签div标签一般用于配合css完成网页的基本布局。
bbuncle·2020-07-30 07:00

浅谈css框架开发(转)

段正淳的css笔记(6)-浅谈css框架开发个人总结了在开发css框架中的一点经验，献丑了。希望大家的讨论能使我们共同进步。
greystar·2020-07-29 10:33

css笔记——移动端

苹果手机/*按钮样式：*/input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none;}以下内容出处：http://blog.sina.com.cn/s/blog_51048da70102uyjp.html1.-webkit-tap-highlight-co
weixin_30300225·2020-07-27 13:10

html5+css笔记

vertical-align：middle水平居中focus聚焦./当前目录../上一级目录行级标签的特点：宽高无效display:inline-block行内块元素.clearfix{height:0px;clear:both;}清除浮动关键词描述.content.content-wapper{}后代选择器#header.header-lefta.header-research{}子类选择器.u
最远·2020-07-14 16:20

CSS笔记（布局与定位）

块元素和内联元素，还有盒模型，这些正是浏览器建立页面布局的基础1流（Flow）流实际上是浏览器在页面上摆放HTML元素所用的方法。1.1关于块元素浏览器从HTML文件最上面开始，从上到下沿着元素流逐个显示所遇到的各个元素。比如只考虑块元素，显示第一个块元素后，自动换行，显示第二个块元素，接着又是一个换行，如此从文件最上面到文件末尾逐个显示，这就是流。当浏览器上下放置两个块元素时，两个块元素的外边距
banmao8461·2020-07-14 08:18

【五月夏花】CSS笔记之七：话说CSS字体属性font-family、font-style、font-size、font-weight、font-variant

话说CSS字体属性font-family、font-style、font-size、font-weight、font-variant：使用CSS，可以对字体进行设置，字体属性包括五种常见属性：字体系列font-family、字体样式/字体风格font-style、字体大小font-size、字体粗细font-weight、字体变量font-variant。通过这五个属性，可以设定文本在web页面的
清枫草塘·2020-07-13 04:57

css笔记整理

软件DW编译代码的软件PS切图修图浏览器chrome谷歌firefox火狐FFIE设计出设计图的前端还原设计图后台内容数据DW的操作新建ctrl+n保存ctrl+s查看F12/Fn+F12浏览器的操作刷新F5/Fn+F5在页面中多个换行或者空格都当做一个空格来处理标签标题标签h1段落标签P有默认间距换行标签br链接标签a提示文字title="我想提示的文字"图片标签img当宽高给一个值的时候等比缩
蒲公英_前端开发者·2020-07-11 15:23

HTML CSS笔记变形效果-过渡效果-动画效果

一．transformCSS3提供了元素变形效果，也叫做变换。它可以将元素实现旋转、缩放和平移的功能。属性有两个：transform和transform-origin。对于transform的属性值，具体如下表：//向水平和垂直各移动200像素，也可以使用百分比transform:translate(200px,200px);//向水平平移200像素，不加后面的0也可以transform:tran
weixin_34396103·2020-07-10 19:41

CSS笔记2

盒子模型：padding为1个值代表上下左右四个值相同；padding为2个值:第一个代表上下内边距，第二个代表左右内边距；padding为3个值:第一个代表上内边距，第二个值代表左右内边距，第三个值代表下内边距；padding为4个值:分别代表上、右、下、左内边距1.margin:.两个盒子上下排列时，上面盒子margin-bottom，下面盒子margin-top，两个盒子间的距离取最大者。2
前端森林·2020-07-10 17:25

【CSS笔记】使文字在一行显示，超出部分用省略号显示

CSS代码：text-overflow:ellipsis;overflow:hidden;white-space:nowrap;说明：text-overflow:用来设置是否使用一个省略标记（···）标示对象内文本的溢出。white-space:nowrap;强制文本在一行内显示。overflow：hidden;溢出内容为隐藏。必须三者同时用的时候才会实现溢出文本显示省略号附：多行显示的方法：ov
weixin_30342209·2020-07-10 06:03

CSS笔记（续）

一、CSS简介1.什么是CSSCSS，CascadingStyleSheet层叠样式表是一组样式设置规则，用于控制页面的外观样式2.为什么使用CSS实现内容与样式的分离，便于团队开发样式复用，便于网站的后期维护页面的精确控制，让页面更精美3.CSS作用3.CSS作用页面外观美化布局和定位二、基本用法1、CSS语法选择器{属性名:属性值;属性名:属性值;}选择器：要修饰的对象（东西）属性名：修饰对象
ChengMeng11·2020-07-09 10:48

html CSS笔记

内容居中html备注内容居右html居中对齐center网页的名字html两端对齐justify换行html左对齐left空一行换行text-decoration:none;清除下划线html右对齐right加粗项目列表倾斜编号列表创建水平线线颜色宽度100右对齐粗细10实心float:left左浮动gloat：right又浮动 添加空格符号©添加版权符号overfiow设置溢出隐
yigenmala·2020-07-09 03:17

CSS笔记

CSS简介1、什么是CSS，有什么作用？CSS(CascadingStyleSheet):层叠样式表语言。CSS的作用是：修饰HTML页面，设置HTML页面中的某些元素的样式，让HTML页面更好看。CSS好比是HTML的化妆品一样。HTML还是主体，CSS依赖HTML。CSS的存在就是修饰HTML，所以新建的文件还是xx.html文件。2、CSS我们要求掌握到什么程度？*常见的CSS样式要求会写。
Li某_初学者·2020-07-08 23:40

css笔记

1.在HTML中引入CSS共有3种方式：（1）外部样式表：把CSS代码和HTML代码都单独放在不同文件中，然后在HTML文档中使用link标签来引用CSS样式表外部样式表在单独文件中定义，并且在标签对中使用link标签来引用。（2）内部样式表：指的就是把CSS代码和HTML代码放在同一个文件中，其中CSS代码放在标签对是放在标签对内的。p{color:Red;}CSS样式在（3）内联样式表：把CS
田地里的大麦子·2020-07-07 00:02

个人的一些html、css笔记

font-style：normal不斜体转行水平横线font-weightbold粗体text-decoration：none:无装饰blink:闪烁underline:下划线line-through:删除线overline:上划线code小段代码pre大段代码无序有序每个div只能有一个id给表格加边框1.table,tabletrth,tabletrtd{border:1pxsolid#009
Allen_0010·2020-07-06 20:17

CSS笔记--理解flex布局

一、Flex布局是什么Flex(FlexibleBox的简写)，即“弹性布局”，可以简便、快捷的实现各种复杂布局。实现flex布局，首先需要申明display:flex或者display:inline-flex;当设置元素的display:flex后，子元素的float、clear和vertical-align属性将失效。二、Flex布局的6个属性1、flex-direction：该属性决定主轴的
IHateThinkName·2020-07-06 00:27

CSS笔记：一位新手朋友整理的CSS技巧与常识

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用1px的原因，这才知晓。宽高1px的图片平铺出一个宽高200px的区域，需要200*200=40,000次，占用资源。2、无边框。推荐的写法是border:none;，哈哈，我一直在用这个。border:0;只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。3、慎用*通配符。所谓通配符，就是将CSS中的所有标签均初始化，不管
hbqjzx·2020-07-04 17:19

【CSS笔记之九】CSS选择符权重、CSS Sprite技术和CSS hack

一、在实际使用中，使用类要注意：多用组合，少用继承。上下margin重合问题：margin是个特殊的样式，相邻的margin-left和margin-right是不会重合的，但相邻的margin-top和margin-bottom会产生重合。如果不确定模块的上下margin特别稳定，最好不要将它写到模块的类里，而是使用类的组合，单独为上下margin挂用于边距的原子类（如mt10/mb20）模块最
清枫草塘·2020-07-04 16:40

CSS笔记

一个pscc的插件可以识别图层的样式并返回css3的格式css3Ps下载后解压，文件放到pscc安装目录的下Required/CEP/extensions下使用方法：点击选中图层，打开菜单栏里的窗口/拓展功能/css3ps,点击小窗口,会弹出新页面，其中显示css代码(但是颜色识别有点问题，另外版本有些老)浏览器兼容不要手写,用插件自动处理chrome开发者工具面板里的设置勾选showuserag
727上上上·2020-07-02 15:11

css笔记-为什么不建议使用*{padding:0;margin:0;}进行reset？

segmentfault上的一个回答采用*{pading:0;margin:0;}这样的写法好处是写起来很简单，但是*是通配符，需要把所有的标签都遍历一遍，当网站较大时，样式比较多，这样写就大大的加强了网站运行的负载，会使网站加载的时候需要很长一段时间，因此一般大型的网站都有分层次的一套初始化样式。常用的reset.css*{-webkit-box-sizing:border-box;-moz-b
雨临Lewis·2020-07-02 07:39

导航栏(navbar) - bootStrap4常用CSS笔记

导航栏：navbar导航栏容器可以包含以下几个常用组成：1、品牌LOGO（.navbar-brand）2、导航菜单（.navbar-nav）3、导航文本（.navbar-text）4、折叠导航按钮（.navbar-toggle）5、表单（.form-inline）一、导航容器一般使用nav标签来定义：...导航容器可用样式：.navbar导航栏基础样式.navbar-expand-{sm|md|x
weixin_30609331·2020-06-27 22:55

CSS笔记

CSS层叠样式表1、CSS1)什么是css（cascadingstylesheet）叫层叠样式表，又叫级联样式表2)作用实现了内容与表现的分离；提高了代码的可重用性和可维护性2、CSS样式表的使用方式使用方式共分三种，使用任何一种都可以更改页面的样式1)内联样式将css样式定义在html的标签中特点：不通用，只能定义某一标签的单独样式2）内部样式表将一系列样式定义在html的标签中特点：当前网页任
沉默_silence·2020-06-27 08:27

CSS笔记

1.CSS背景设置background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。注意：scroll：默认值。背景图像会随着页面其余部分的滚动而移动。否固定或者随着页面的其余部分滚动。fixed：固定显示，相对于body固定。一般只用于body的背景设置。background-attachment:fixed;background-color设置元素的背景颜色。backg
兔子爱上猪·2020-06-27 06:27

HTML+CSS笔记总结

一些标签的用法1.文本1.加入强调和//默认斜体和加粗2.加一个空格 ；//no-breakingspace不换行空格3.一段文字中语句设置单独样式用4.引用文字用或//q会加引号，blockquote会缩进5.标签加水平横线2.表格图片1.、列表2.表格、表格标题3.加超链接//title属性是鼠标移到文字显示的值，href是链接路径，target="_blank"新建窗口打开链接4.插
语无伦次的我·2020-06-27 04:17

css笔记2：flexbox

web端弹性盒子知识点弹性容器属性flex-direction值：row|row-reverse|column|column-reverse默认：rowflex-wrap“flex-wrap”属性控制了容器为单行还是多行。如果允许换行，这个属性允许你控制行的堆叠方向。值：nowrap|wrap|wrap-reverse默认：nowrapnowrap：flex的元素被摆放到到一行，这可能导致溢出fl
hammercui·2020-06-25 11:14

SCSS笔记5 - 混合器（混合宏）

混合器@mixin和@include用于规则的复用两者搭配使用，用于规则的复用。@mixinhorizontal-list定义一个混合器，类似定义变量，只不过它对应的不是属性值，而是任意代码段，可以是一个（或多个！）规则，也可以只是一条、几条声明，还可以是声明跟规则的混合体，非常灵活。@includehorizontal-list命令就是引用这个代码段，等于把@mixinhorizontal-li
microkof·2020-06-22 19:08

CSS 框模型 Box-Model

CSS笔记：框模型BoxMode11，什么是框模型框：页面元素皆为框框模型：定义元素尺寸和距离的一种计算方式BoxModel:盒模型，方框属性包含：尺寸，边框，外边距，内边距等属性当狂模型属性介入到元素时
老王笔记·2020-06-21 22:49

CSS笔记(三)

1.样式的继承/*body{font-size:12px;}*//*样式的继承，我们为一个元素设置的样式同时也会应用到它的后代元素上继承是发生在祖先后后代之间的继承的设计是为了方便我们的开发，利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上，这样只需设置一次即可让所有的元素都具有该样式注意：并不是所有的样式都会被继承：比如背景相关的，布局相关等的这些样式都不会被继承。*/p{color:
小林想上分·2020-06-20 21:00

CSS笔记(二)

1.复合选择器/*将class为red的元素设置为红色（字体）*/.red{color:red;}/*将class为red的div字体大小设置为30px*//*交集选择器作用：选中同时复合多个条件的元素语法：选择器1选择器2选择器3选择器n{}注意点：交集选择器中如果有元素选择器，必须使用元素选择器开头*/div.red{font-size:30px;}.a.b.c{color:blue}/*di
小林想上分·2020-06-20 21:00

CSS笔记(一)

1.CSS简介少小离家老大回，乡音无改鬓毛衰p{color:green;font-size:50px;}-->2.CSS语法CSS中的注释，注释中的内容会自动被浏览器所忽略/*注释内容*/CSS的基本语法:选择器声明块选择器，通过选择器可以选中页面中的指定元素比如p的作用就是选中页面中所有的p元素声明块，通过声明块来指定要为元素设置的样式声明块由一个一个的声明组成声明是一个名值对结构一个样式名对应
小林想上分·2020-06-20 21:00

css笔记整理

0索引1html标签块2选择器3CSS的引入方式:4CSS浮动:流式布局5盒子模型6案例一网站首页7案例二网站注册页面1html标签块div标签:默认占--行,自动换行span标签:内容显示在同--行张三李四我想好好学习那是不存在的2选择器元素选择器:元素的名称{属性名称:属性的值;属性名称:属性的值;}ID选择器:以#号开头#ID的名称{属性名称:属性的值;属性名称:属性的值;}类选择器:以.号
caiweii·2020-06-01 17:00

CSS选择器优先级怎么分？？html中的文本标签都有哪些？？CSS（二）

文章目录放在前面的前言样式的继承选择器的优先级优先级的规则：伪类选择器的优先级关系总结一下我们a的伪类顺序文本标签（html）和标签和标签标签标签标签与标签标签与标签标签标签标签标签之前的放在前面的前言上次的CSS
阿牛大牛中·2020-04-20 17:40

CSS笔记

CSS语法格式CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。selector{declaration1;declaration2;...declarationN}每条声明由一个属性和一个值组成。属性（property）是您希望设置的样式属性（styleattribute）。每个属性有一个值。属性和值被冒号分开。selector{property:value}下面示意图展示CSS代码结
roc_lei·2020-04-13 17:46

CSS笔记1_CSS引入方式,样式选择器

css引入方式主要有四种,按照优先级排列依次为:内联>内部>导入>linkCSS引入方式内联直接在标签内部书写style属性内部在head标签内书写style标签,在style标签中指定样式导入使用@importurl("1.css")导入外部css文本.@import...需要在style标签内书写link使用link标签,link标签不能在style标签中书写.href属性指定路径,rel指定
相关函数·2020-04-12 21:27

css笔记

布局常用样式1.手机1px实现用flexible.js实现自适应，这个用起来很好，但是相对于安卓来说不是那么友好了，1px的话在安卓显示的不是1px了会粗一些因此用伪类来实现1px应用.abc{position:relative;}.abc:after{display:block;position:absolute;letf:0;bottom:0;width:100%;content:'';tra
power__c081·2020-04-12 00:12

css笔记13/完整移动端适配课堂语录

移动端开发学会mediaquery学会要设计图（没图不做）实在要做也行，丑可别怪我学会隐藏元素手机端要加一个meta//meta:vp//如果css样式是专门针对手机端做的,就加这个标签不让页面按照980自动缩放媒体查询媒体,媒介,要查询些什么,就是媒体查询代码@meta(max-width:800){body{background:red;}}//当有读好个@meta的时候,要注意互相覆盖,优先
joker731·2020-03-29 17:50

SCSS笔记2 - 嵌套

嵌套{{}}嵌套就像下面的样子，先写自身的样式，再嵌套子元素。嵌套不要超过三层，否则产生难以理解的代码。#a{float:right;.nav{float:left;color:red;ul{width:400px;li{font-size:30px;a{color:blue;}&.active{font-weight:bold;}}}}}注意&符号，它叫父元素占位符，如果没有父元素占位符，解析之
microkof·2020-03-28 14:17

HTML&CSS笔记(1)

语义化标签一标签：页面上的所有内容段落文本文章段落标签//段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它。标题文本(x为1-6)网页添加标题//是最高的等级。一般h1标签被用在网站名称上需要强调的文本（粗体）、需要强调的文本（斜体）文本为了设置文本单独样式引用文本会自动加双引号引用引用文本一般用于较长文本//html代码中输入**空格**、**回车**都是没有作用的(写在段
wq04200·2020-03-27 08:40

CSS笔记

1.text-align:center的作用是什么，作用在什么元素上？能让什么元素水平居中作用是让行内元素和inline-block元素的内容相对于他的块父元素居中，作用在行内元素和inline-block上，能让行内元素内容居中2.IE盒模型和W3C盒模型有什么区别?W3C标准中padding、border所占的空间不在width、height范围内，而IE的盒模型width包括content尺
头大如牛·2020-03-23 13:41

CSS笔记回顾

CSScss基础知识css基础知识：css样式表的定义css：（CascadingStyleSheets）层叠样式表；分类及位置：内部样式-head区域style标签里面外部样式-link调用内联样式-标签元素里面css内的注释：/*注释内容*/css样式表的语法CSS规则由两个主要的部分构成：要添加样式的盒子名或者标签名、和要添加的样式。盒子名或者标签名{属性:值;}CSS中几种颜色的表示方法用
XCYZL·2020-03-20 10:37

SCSS笔记7 - 流程语句、函数、组件、媒体查询

流程语句循环语句for...from...through...循环。当需要聚合伪类:nth-*的时候，使用@for循环很有用。除了这些使用场景，如果必须迭代最好还是使用下面的@each循环。@for$ifrom1through10{.border-#{$i}{border:#{$i}pxsolidblue;}}each...in...命令，作用与for类似，属于最常用的。each后面紧跟的是枚举变
microkof·2020-03-20 02:32

css笔记

背景图片满屏显示：.mainbody{position:absolute;top:0;left:0;height:100%;width:100%;background-image:url(images/bj.jpg);background-position:topcenter;background-repeat:no-repeat;background-attachment:fixed;backg
forwardRain·2020-03-17 20:14

css杂记

title:css杂记date:2017-05-2115:52:05tags:css笔记word-spacing单词间距判断是否是单词的依据是有没有空格行高的测量方式假如文字是12px，行高是16px，
Gary23·2020-03-17 06:08

css笔记-1/css的学习思路

CSS3核心思想响应式堆叠上下文常见布局：Float布局、Flex布局常见动画：Fullpage、轮播、3D变化常见组件：表单美化常用工具CSS中要背的知识（各种不正交的知识点）自己实现部分bootstrap功能CSS造轮子css的历史ccs的发明者是李爵士的同事,当时开发出来就没怎么在意,就觉得是一个普通的东西,结果一用就用到了现在,//应该是1991-1992年左右发明出来的.那在css出现之
joker731·2020-03-15 10:54
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他