CSS笔记

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

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

Sky_Boss跟着李南江学习HTML5-CSS笔记

CSS的固定格式:文字相关属性:1.规定文字样式的属性格式：font-style:italic;取值：normal：正常的，默认就是正常的italic:倾斜的快捷键：fsfont-style:italic;fsnfont-style:normal;2.规定文字粗细的属性格式：font-weight:bold;单词取值:bold加粗bolder比加粗还要粗lighter细线，默认就是细线数字取值：1
Sky_Boss·2020-03-14 02:05

#css 全称为“层叠样式表”

css全称为“层叠样式表”声明，本文为学习慕课网HTML+CSS中CSS笔记http://www.imooc.com/learn/9;可能存在问题，未来不断学习修改组成：选择器{属性：值；声明}注释/*
践行者·2020-03-13 18:17

CSS笔记16

CSS组合选择符后代选择器选取某元素的后代元素选取所有元素插入到元素中子元素选择器只能选择作为某元素子元素的元素。选择了元素中所有直接子元素相邻兄弟选择器可选择紧接在另一元素后的元素，且二者有相同父元素。选取了所有位于元素后的第一个元素:后续兄弟选择器选取所有指定元素之后的相邻兄弟元素选取了所有元素之后的所有相邻兄弟元素
ZhuangDieSheng·2020-03-07 00:12

CSS笔记15

CSS布局overflow属性用于控制内容溢出元素框时显示的方式。在对应的元素区间内添加滚动条。值默认情况下，overflow的值为visible，意思是内容溢出元素框
ZhuangDieSheng·2020-03-04 00:00

CSS笔记

-CSS学习:1.类选择器和id选择器的区别和使用,id选择器只能够用一次,类选择器可以用多次,使用方法是一致的.2.css样式的优先级,外部li子类选择器5.a:hover{color:red;}伪类选择符鼠标滑过显示的效果样式..6.段落缩进p{text-indent:2em;}7.行高(行间距)p{line-height:1.5em;}8.文字间隔h1{letter-spacing:50px
ChangeWorld·2020-03-03 19:38

css笔记

1修改滚动条样式参考地址/*设置滚动条的样式*/::-webkit-scrollbar{width:12px;}/*滚动槽*/::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:10px;}/*滚动条滑块*/::-webkit-scrollbar-thumb{border-radi
cowkeys·2020-02-26 11:16

SCSS笔记1 - 变量

名词解释li{font-size:33px;height:344px;}上面整段代码，叫做一个规则，一个规则包括选择符、大括号、声明，声明包括属性名、属性值。一个声明包括属性名、属性值。font-size就是属性名，有时候叫属性33px就是属性值，有时候叫值变量$变量也有作用域，是块级作用域。变量可以被重新赋值，就像编程语言那样。只有下述情况才适合使用变量：该值至少重复出现了三次；该值至少可能会被
microkof·2020-02-14 02:36

css笔记之选择器

选择器要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器（选择符）标签选择器（元素选择器）标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下：标签名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}或者元素名{属性1:属性值1;属性2:属性值2;属性3:属性
努力，就对了·2020-01-11 11:00

CSS笔记

引入外部样式表内部样式表body{background-color:red;}p{margin-left:20px;}内嵌样式thisisaparagraph此方式不利于后期维护，较少使用此方法。语法选择器属性声明=属性名:属性值注释/**/@规则@media有动态样式时使用@keyframes动画过程@font-face引入外部字体简单选择器选择p标签：p{color:blue;}类选择器.cl
小豸·2020-01-08 19:05

css笔记之图片显示效果

图片显示之centerCrop模式怎么样实现android的imageView的各种拉伸和裁剪效果:比如最常用的centerCrop模式img标签局限性很大,无法配置各种裁剪显示效果,默认情况下,,然后在img标签中,如果指定了img标签具体的长宽值,图片会拉伸或压缩全部塞入标签中,类似于android中的fitXY模式..slider-img{width:7rem;height:3.9rem;}
石野小真人·2020-01-04 16:15

CSS笔记 浮动与清除

围住浮动元素的三种方法1.为父元素添加overflow:hidden特点：简单但不太直观overflow:hidden真正用途是防止包含内容被超大内容撑大，但也有另一个作用：即可靠地使父元素。2.同时浮动父元素为父元素添加浮动后，与父元素相邻的元素块需要添加clear:left;例如：section{border:1pxsolidblue;float:left;width:100%;}img{fl
阿爽Alisa·2020-01-02 23:12

SCSS笔记3 - 导入

@import用于导入scss文件@import"sidebar";这条命令将把sidebar.scss文件中所有样式添加到当前样式表中。无论你在全局作用域写这条命令，还是在任何块里任何角落里写这条命令，都相当于把文件所有内容复制到写命令的那个位置。所有在被导入文件中定义的变量和混合器（@mixin）均可在导入文件中使用。有些scss文件你并不需要编译，你只想把它们当做被import的文件，这类s
microkof·2019-12-31 08:29

用HTML写今天的笔记还有代码展示在网页上

代码陈鹏第二阶段day2常用标签和CSS笔记整理lia{color:#000000;}HTML常用标签和CSS目录表单标签表单标签（下拉菜单和多行文本域）空白标签认识CSSCSS选择器伪类选择器表单标签表单男女篮球看电影学习音乐旅游表单标签
她即我命·2019-12-31 00:29

CSS笔记-2017-9-11

边框div{border:2pxsolid#aaaaaa;//边框粗细实体边框的颜色padding:50px40px;//衬垫大小width:300px;//宽度height:100px;//高度border-radius:50px;//圆角半径border-radius:10px,20px,30px,0px;//坐上角，右上角，右下角，左下角border-radius:10px/20px;//椭
liupeiyuan·2019-12-22 18:35

CSS笔记（一）——垂直居中

垂直居中使用计算方式实现main{position:absolute;top:calc(50%-3em);left:calc(50%-9em);width:18em;height:6em;}使用CSS3的transform。可以在transform中的translate()使用百分比，让元素移动相对于自身的宽度和高度main{position:absolute;top:50%;left:50%;t
ipink·2019-12-21 20:58

CSS笔记

CSS学习笔记HTML与CSS布局1、html布局标签：推荐使用有具体语义的标签，而不是一味的使用div。头部标签：header，适用于一个区域头部的内容。底部标签：footer，适用于一个区域底部的内容。主标签：main，控制页面主要内容区域。导航标签：nav内容标签：article，适用于独立的内容区域。局部标签：section，适用于内容区域很多相似区域的组合，与ul，li类似。挂件标签：a
林云流水·2019-12-20 09:18

css 笔记一：布局基础

css笔记一：基础css应该是非常基础的东西，大家都现在都过分关注一些前端的前沿技术，却忽视了一些基础功能。即使是样式布局方面也有很多前端工具。
brandonxiang·2019-12-19 15:24

HTML、CSS笔记

盒模型在CSS中，使用标准盒模型描述这些矩形盒子中的每一个。这个模型描述了元素所占空间的内容。每个盒子有四个边：外边距边,边框边,内填充边与内容边。在标准模式下，一个块的总宽度=width+margin(左右)+padding(左右)+border(左右)在怪异模式下，一个块的总宽度=width+margin(左右)（即width已经包含了padding和border值）外边距合并块的顶部外边距和
白眉少侠·2019-12-14 14:00

w3cshcool CSS笔记 - 草稿

目录###CSS简介###CSS语法###CSS创建###CSS简介-样式层叠次序-一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字4拥有最高的优先权。-浏览器缺省设置-外部样式表-内部样式表（位于标签内部）-内联样式（在HTML元素内部）------------------------------------###CSS语法-CSS规则由两个主要的部分构成：选择器，以及一
ft207741·2019-12-13 05:14

2019-12-05

·Css笔记Css的作用：[if!supportLists]1.[endif]css用来解决混乱的结构和样式。[if!supportLists]2.[endif]Css让结构和样式相分离[if!
旧城丶恒书·2019-12-09 22:19

CSS笔记 浮动float

float属性浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。float属性使元素能在设计中到处移动，从而让其他元素围绕它们。元素的浮动是水平而不是垂直方向的，只有三种可能属性值：none，right，left.使用这两个值时，浮动元素将浮动到容器元素所允许的最右或者最左.clear属性清除浮动元素取值：left,right,both,none,inherit。这个规
wulh8410·2019-12-02 07:27

css笔记（1）--Background

background-imagebackground-repeatbackground-positionbackground-sizebackground-clip最近在百度前端学院上学习，仿着别人做了一个鼠标模糊效果，其中涉及到background的一些内容，所以想自己做一下整理。background-imagebackground-image是CSS中用来为元素设置背景图像的，背景占据了元素的
MCM_Pan·2019-11-07 21:24

css笔记（1）--Background

background-imagebackground-repeatbackground-positionbackground-sizebackground-clip最近在百度前端学院上学习，仿着别人做了一个鼠标模糊效果，其中涉及到background的一些内容，所以想自己做一下整理。background-imagebackground-image是CSS中用来为元素设置背景图像的，背景占据了元素的
MCM_Pan·2019-11-07 21:24

css笔记（1）--Background

background-imagebackground-repeatbackground-positionbackground-sizebackground-clip最近在百度前端学院上学习，仿着别人做了一个鼠标模糊效果，其中涉及到background的一些内容，所以想自己做一下整理。background-imagebackground-image是CSS中用来为元素设置背景图像的，背景占据了元素的
MCM_Pan·2019-11-07 21:50

css笔记（1）--Background

background-imagebackground-repeatbackground-positionbackground-sizebackground-clip最近在百度前端学院上学习，仿着别人做了一个鼠标模糊效果，其中涉及到background的一些内容，所以想自己做一下整理。background-imagebackground-image是CSS中用来为元素设置背景图像的，背景占据了元素的
MCM_Pan·2019-11-07 21:50

css笔记（1）--Background

background-imagebackground-repeatbackground-positionbackground-sizebackground-clip最近在百度前端学院上学习，仿着别人做了一个鼠标模糊效果，其中涉及到background的一些内容，所以想自己做一下整理。background-imagebackground-image是CSS中用来为元素设置背景图像的，背景占据了元素的
MCM_Pan·2019-11-07 21:49

CSS 笔记

CSS笔记撸起来布局类分栏高度自动相等margin-bottom:-3000px;padding-bottom:3000px;说明：核心CSS代码部分的3000像素是个可变值，如果您的分栏高度不可能高度超过
糯米馨·2019-11-03 22:24

CSS笔记总结

css笔记总结1.CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的HTML元素。每条声明由一个属性和一个值组成。
一生有你_c480·2019-11-03 12:45

css笔记

css内部样式语法：*方法一：外部样式表的创建：*方法二：外部样式表的导入@importurl(目标文件的路径及文件名全称);四、两种引入外部样式表link和import之间的区别差别1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。差别2：加载顺序的差别：当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用
文杰_豆豆·2019-09-27 15:00

CSS笔记

1、弹框带区域padding:15px;        width:180px;        background:#fff;        box-sizing:border-box;        border-radius:10px;2、两个div在同一行display:flex3、虚线divCss{border-bottom:1pxdotted#C0C0C0;}4、字体颜色#6665、f
左边520·2019-09-10 21:26

CSS笔记

W3C英文网站：https://www.w3.org/W3Shcool中文网站：http://www.w3school.com.cn概述CSS指层叠样式表(CascadingStyleSheets),用来指导HTML元素的显示，实现了内容与表现分离，极大提高了工作效率。通常采用外部样式表导入的方式实现内容与表现分离。HTML引入CSS的4种方式：（优先级1-4,1优先级最高）1--内联样式（在HT
BRYANT_2019·2019-09-03 23:00

html与css笔记（旧）

一：简介h5优点：兼容性强；更新方便   缺点：正因为其兼容性强，需要考虑的设备类型比较多，故用户体验差 h5开发工具`eclipseDreamweaverwebStorm（iOS） web3.0时代主流技术：HTML5+CSS3HTML5：亮点：Canvas(画板)；音视频；存储（即数据库）；定位（Geolocation）；多线程处理CSS3亮点：设计动画，2D变形 二：常用标签网页组成：HTM
denggun12345·2019-09-02 00:00

CSS笔记——2019-7-20

选择器的优先级：!importan>style>id>class（内联>外联）>标签选择器div和span的区别：div是block元素，可以设置宽度和高度；可以用"style"中的"text-align:center"将块中的inline元素和inline-block元素居中（需要注意：此时inline-block元素中的inline元素默认剧中，如果不符合要求，需要将其设置为其他的"text-
愿得一人心&&·2019-07-26 21:22

css笔记

CSS的发展历程从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。CSS网页的美容师CSS的出现，拯救了混乱的HTML，当让更加拯救了我们
地对地导弹·2019-07-16 21:00

HTML+CSS

HTML+CSS笔记一、box-shadow默认值为0，前面两个值分别代表阴影在x轴的位移、在y轴的位移，都为0，证明阴影没有偏移，所以完全和元素重叠，看不出来。
Alen-Huan·2019-04-10 14:16

CSS笔记-01入门

#1.CSS入门##1.1.什么是CCScss是这3个单词**“CascadingStyleSheet**”的首字母缩写，含义是“层叠样式表”，它是html发展到一定程度，面临着一些需要解决或提升的问题而发展出来的一种技术。一句话概括：css专门负责网页的外观表现！##1.2.为什么要使用CSS它的目的和作用可以高度概括为两点：1、通过css，可以让html网页的表现设定更加统一和便捷；2、通过c
郭为·2019-04-05 14:31

HTML与CSS笔记-2

文本效果深入text-indenttext-indent:-9999px;用于LOGO图片放在h1标签中，并让h1文字隐藏，更好的SEO。使用display:none;能实现一样的效果。但是搜索引擎权重会丢失。深入text-aligntext-align起作用的元素文字inline行内元素inline-block行内块元素text-align:center;和margin:0auto;水平居中的区
蚂蚁踩死我·2019-03-20 00:03

19，css笔记

.div1{transform:translateY(-50%);/**上移元素**/-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);}.div2{transform:translateY(50%);/**下移元素**/-ms-transform:translateY(50%);-webkit-transform:
滔滔逐浪·2019-03-08 10:27

CSS笔记

CSS基础CSS：层叠样式表。增强了页面的显示效果，而且HTML和CSS的分离，就是页面内容和样式的分离，这样可以降低耦合性，增加代码的可维护性。CSS和HTML的三种结合方式（耦合度从高到低）：1.在每个html标签中都有一个属性style，可以在这里把html和css结合在一起。#这种方式耦合度极高，样式和内容完全没有分离，一般不使用2.html中有一个标签，可以写在head里面。#这种方法实
打酱油的lyl·2019-03-03 23:31

CSS笔记 文本相关属性

text-decortion:该属性用于控制文字是否有修饰线。属性值：none,underline(下划线),line-through(中划线),overline(上划线),blink(闪烁)text-align:设置文本对齐。属性值：center,left,right,justify(两端对齐)。text-shadow:该属性用于设置的文字是否有阴影效果。color:指定该阴影的颜色。xoffs
CQL_K21·2019-02-10 23:58

CSS笔记整理

时间:2019/1/27td{background-color:palevioletred;}单独使用css样式在style中添加统一属性使用了分层设计的思想css把颜色大小位置等信息都剥离到style中而html只需要提供什么样的内容就可以了。语法：selector{property：value}选择器属性：值CSS的三种选择器：元素选择器：pid选择器：#idid选择器是有唯一的不重复类选择器
说好今夜不点烟·2019-01-28 19:58

CSS笔记

display:flex之后图片拉伸display:flex;align-items:flex-start;鼠标样式cursor:pointer布局IE8使用float布局，再在父元素加上清除浮动。width固定。IE6加上：clearfix{zoom:1}水平居中上面是block，下面是Inline垂直居中不要写父元素高度就很容易实现parent高度不确定高度确定不正交属性之间的影响边距合并（会
MDIF·2019-01-15 16:40

javaWeb之css总结

css笔记一、css的简介1、什么是css层叠样式表，css是对html进行样式修饰语言层叠：就是层层覆盖叠加，如果不同的css样式对同一html标签进行修饰，样式有冲突的部分应用优先级高的，不冲突的部分共同作用样式表
echo_wjcwjc·2019-01-09 18:24

CSS笔记

CSS笔记CSSCSS简介什么是CSS?
qiqitrue·2018-12-17 11:00

CSS笔记-6-水平/垂直居中(小技巧)

一.水平居中1.行内元素如果设置行内元素时，水平居中是通过给父元素设置来text-align:center实现的。(父元素和子元素：如下面的html代码中，div是“我想要在父容器中水平居中显示”这个文本的父元素。反之,这个文本是div的子元素.)在父容器中水平居中显示。.txtCenter{text-align:center;}2.块状元素如果是块状元素,text-align:center就不起
ShaneGK·2018-10-31 14:55

CSS笔记-5-缩写/单位/值(小知识)

一.缩写1.盒模型-----------------------------------------------------margin:10px10px10px10px;等于:margin:10px;@@@@@@@@@@@@@@@@@@@@@@@margin:10px20px10px20px;等于:margin:10px20px;@@@@@@@@@@@@@@@@@@@@@@@margin:10p
ShaneGK·2018-10-29 17:07

CSS笔记-4-布局模型

CSS包含3种基本的布局模型:1、流动模型（Flow）2、浮动模型(Float)3、层模型（Layer）一.流动模型（Flow）流动（Flow）是默认的网页布局模式。1.块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置.2.内联元素都会在所处的包含元素内从左到右水平分布显示。2、浮动模型(Float)任何
ShaneGK·2018-10-29 16:24

CSS笔记-3-盒模型

盒模型,个人理解,就是按照一定逻辑,将html代码划分成一块一块的,为每一款提供特定的样式.啦啦啦啦啦(≧▽≦)/~啦啦啦1.border边框(1).样式:border-style==>dashed（虚线）|dotted（点线）|solid（实线）(2).颜色:border-color:#888;或者border-color:red;(3).border-width:thin|medium|thi
ShaneGK·2018-10-25 15:37

CSS笔记-2-格式化排版

一.字体body{font-family:"MicrosoftYahei";}/*微软雅黑*/body{font-family:"微软雅黑";}尽量用第一种,兼容性好.二.字号/颜色body{font-size:12px;color:#666}/*12px,灰色*/三.粗体pspan{font-weight:bold;}/*粗体*/四.斜体pa{font-style:italic;}/*斜体*/五
ShaneGK·2018-10-25 10:37
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他