css学习笔记

前端爱好者的小白学习之路-3.1 CSS学习笔记-用CSS来提升网页开发的效率 学扎实CSS基础语法 麻麻再也不用担心我的网页页面布局太丑辣（持续更新中）

更多细节请参考CSS参考手册1.写在前面关于CSS基础语法【1】相比于HTML内容及难度上有明显的提升【2】CSS用来美化布局网页【3】CSS中最为困难的地方就是布局结构只有熟练地掌握了CSS语法基础才能理解之后更复杂的知识点并灵活地利用这些知识去进行网页的布局阅读完此文你会得到——关于CSS基础语法的要点得到一个大致的学习CSS的方向文章目录1.写在前面2.我的学习方式3.网页布局中CSS一定要
不喜欢敲代码的小提琴手不是好程序猿·2021-01-30 01:29

阿ken的HTML、CSS学习笔记_多媒体技术（笔记八）

欢迎光临你好我是阿ken文章目录8.1HTML5多媒体的特性8.2多媒体的支持条件8.2.1视频和音频编解码器1.视频编解码器2.音频编解码器8.2.2多媒体的格式1.视频格式2.音频格式8.2.3支持视频和音频的浏览器8.3嵌入视频和音频8.3.1在HTML5中嵌入视频8.3.2在HTML5中嵌入音频8.3.3音、视频中的source元素8.3.4调用网页多媒体文件(1)获取音、视频文件的URL
请叫我阿ken·2021-01-29 21:51

2021-01-29

CSS学习笔记css伪类选择器nth-child（n）和nth-of-type（n）的区别：1:nth-child对父元素里面所有孩子排序选择（序号固定的）先找到第n个孩子，然后看看是否匹配。
菜鸟的成长2230333·2021-01-29 10:40

HTML&CSS学习笔记

#第二日学习内容：1.HTML标签：表单标签2.CSS：HTML标签：表单标签*表单：*概念：用于采集用户输入的数据的。用于和服务器进行交互。*form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围*属性：*action：指定提交数据的URL*method:指定提交方式*分类：一共7种，2种比较常用*get：1.请求参数会在地址栏中显示。会封装到请求行中(HTTP协议见后)。2.请
zmykkd·2021-01-28 15:01

阿ken的HTML、CSS学习笔记_表单的应用（笔记七）

欢迎光临你好我是阿ken文章目录7.1_认识表单7.1.1_表单的构成7.1.2_创建表单(标记)7.2_表单属性1.action属性2.method属性3.name属性4.autocomplete属性5.novalidate属性7.3_input元素及属性7.3.1_input元素的type属性(1)单行文本输入框(2)密码输入框(3)单选按钮(4)复选框(5)普通按钮(6)提交按钮(7)重置按
请叫我阿ken·2021-01-28 12:51

CSS学习笔记

学习网址:https://www.w3school.com.cn/持续学习，持续更新如有错误，欢迎指点基础一.简介1.CSS指层叠样式表(CascadingStyleSheets)，样式定义如何显示HTML元素二.基础语法1CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。selector{declaration1;declaration2;...declarationN}2每条声明由一
Meteoryh1111·2021-01-24 17:00

css学习笔记

行内样式helloworld内部样式h1{color:red;}helloworld外部样式helloworld总结：样式就这三种，本笔记样例都是内部样式，实际开发用外部样式style.cssh1{color:red;}选择器p{color:#a13d30;background:#3cbda6;border-radius:24px;font-size:80px;}.c1{color:red;bac
cj1064789374·2021-01-22 13:35

HTML+CSS学习笔记

P12位于html第一行采用"UTF-8"编码，避免乱码P14标题标签-注：h是head的缩写P15段落和换行标签-注：p是paragraph的缩写强制换行P18div和span标签div:大盒子span:小盒子P19图像标签P26超链接标签文本或图像注：a为anchorP28锚点链接文本或图像目标位置标签，添加id属性第2集介绍P33表格表头单元格单元格P40列表无序：unordered列表项1
weixin_41959939·2021-01-05 02:50

CSS学习笔记

CSS学习笔记在学习CSS的过程中做的一些记录，用于未来的快速回忆。HTML常见元素和理解head中的元素指定字符集metaname="viewport"content="..."
JarryChung·2021-01-04 10:12

css 学习笔记二 使用相对单位

css学习笔记二使用相对单位相信每一个程序员都希望自己写的程序足够健壮，能够应对多种情况的变化，而不是一有什么变化就跑去修改自己的程序(立即放弃写代码)，相信相对单位可以解决你的部分问题em介绍em是最常见的相对单位
yuzuki·2020-12-28 12:09

CSS学习笔记一 层叠，优先级和继承

层叠与优先级当多个选择器选择了html中的同一个元素时，并且定义了冲突的属性，不去写代码验证的情况下，应该怎么确定哪个选择器定义的属性会生效？例如：Documenth1{color:black;}#title{color:orange;}.nav{color:red;}HelloWorld如果你去验证的话，会发现是ID选择器生效了！当我们注释掉ID选择器时，会发现class选择器生效了。从这个例子
yuzuki·2020-12-21 11:02

HTML+CSS学习笔记（篇幅较大）

HTML+CSSHtML超链接锚链接1.需要一个锚标记2.跳转到标记如：顶部回到顶部##行内元素和块元素行内元素内容撑开宽度，左右都是行内元素的可以排在一行a.strong.em…块元素无论内容多少，该元素独占一行p、h1-h6…列表有序列表javac/c++python无序列表javac/c++python自定义列表标题内容1内容2内容3内容4位置四川重庆贵州表格基本结构单元格行列跨行跨列音频和
若相知丶·2020-12-06 14:46

CSS学习笔记——用户界面样式

1.鼠标样式cursor常见的鼠标样式：cursor含义default默认采用小白样式pointer小手move移动text文本选择注意：小手不要使用hand，因为火狐浏览器不支持，尽量使用pointer。2.轮廓线outline轮廓是绘制在元素周围的一条线，位于边框边缘的外围，起到突出元素的作用一般情况下，我们常常将轮廓线取消，不设置大小，outline:none/0;3.防止拖拽文本域resi
淡忘～雨季·2020-09-17 09:52

CSS学习笔记——字体样式和外观样式

1.CSS概念CSS：CascadingStyleSheets，层叠样式表或者级联样式表，主要用于设置HTML页面中的文本内容、图片外形以及版面的布局等等外观样式。2.CSS样式规则选择器{属性:值}注意：属性和属性值是以键值对的形式出现，属性与属性值之间用英语的":“隔开，多个键值对之间用英语的”;"隔开。3.CSS的字体样式font-size：设置字体的字号，属性值单位常用的是px，也可以使用
淡忘～雨季·2020-09-17 09:52

CSS学习笔记——CSS选择器样式总结

*{padding:0;margin:0;}.boxh2{//内边距左边的距离padding-left:10px;//内边距左边的距离padding-right:10px;//边框有无、宽度和颜色border:1pxsolid#000;//背景的高度height:100px;//背景的宽度width:100px;//背景颜色background:#87b0e1;line-height:30px;/
weixin_34112181·2020-09-17 09:16

CSS学习笔记——布局

在CSS中，定位机制有3种：1.普通文档流(Normalflow)2.绝对定位(Absolutepositioning)3.浮动(Floats)1.Normalflow在书籍或者视频中，Normalflow有许多种翻译，普通流、普通文档流、标准文档流、文档流等等，反正都是指的一个东西——Normalflow。Normalflow是网页默认的布局方式，元素的位置由元素在HTML文档中出现的位置决定，
weixin_30487201·2020-09-17 09:51

CSS 学习笔记——插入样式表

CSS学习笔记——插入样式表这些是以前学习做的笔记，现在整理一下放到博客上，清理磁盘空间啦~一、插入样式表的方法1、内联样式2、内部样式表3、外部样式表二、内联样式——inlinestyle内联样式将内容和样式表现混合在一起
jupiter_0516·2020-09-17 08:21

CSS 学习笔记——入门

CSS学习笔记——入门这些是以前学习做的笔记，现在整理一下放到博客上，清理磁盘空间啦~一、什么是CSS？
jupiter_0516·2020-09-17 08:21

css学习笔记——css样式总结

css样式总结1、css背景属性功能属性值background-color填充背景颜色第一种：red第二种：#ff00ff第三种：rgb(0,0,255)background-image以指定的图片来作为背景url(D:/image/test.jpg)或者url(http://www.blueidea.com/img/common/bi_logo.png)background-repeat设置背景
weixin_30940783·2020-09-17 08:31

HTML&CSS学习笔记 纯知识点版 (尚硅谷2019李立超版)

此版为纯知识点无练习笔记版本目录1.HTML基础1.1网页的结构1.2HTML中的"实体"1.3meta标签1.4语义化标签1.7列表1.8超链接1.9图1.10内联框架1.11音视频2.CSS基础2.1CSS简介2.2CSS基本语法2.3CSS选择器基础2.4CSS的复合选择器2.5关系选择器2.6属性选择器2.7伪类选择器2.8`a`元素的伪类选择器2.9伪元素选择器2.10样式的继承2.11
Liukairui·2020-09-17 02:19

HTML+CSS学习笔记

HTML1.a标签:使用CSS设置超链接样式a:link未单击访问时超链接样式a:link{color:wheat;}a:visited单击访问后超链接样式a:visited{color:greenyellow;}a:hover鼠标悬浮其上的超链接样式a:hover{color:red;}a:active鼠标单击未释放的超链接样式a:active{color:#000;}2.背景图片如何插入背景图
ni的学长·2020-09-17 00:51

CSS学习笔记

层叠样式表（CascadingStyleSheets，CSS）用于为HTML元素指定样式，从而使得内容与表现分离CSS系列文章整理如下，有不足之处还请多多指正：CSS学习笔记(一)基本介绍CSS学习笔记
半虹·2020-09-16 04:04

CSS学习笔记-【属性、元素、层级选测器和伪类】AND 2018-11-22（22:15）

一、属性和元素选择器1.属性选择器：在标签后加入需要使用样式的type及属性例如：input[type="text"]{background:purple;border:solidaquamarine;}2.元素选择器这是最常见的选择器，简单说，文档中的元素就是选择器例如:div{width:500px;/*横向长度*/height:300px;/*竖向长度*/color:fuchsia;bord
重新学习的灰烬·2020-09-16 04:18

CSS学习笔记-ID和类选择器使用 AND 2018-11-21（22:15）

一、ID选择器：ID选择器使用（#）引入，它引用的是ID属性中的值。HTML中标签属性ID的属性可以重复的。二、类选择器：类选择器使用（.）引入，它引用的是class属性中的值。注释：在项目中，给标签添加属性一般都是通过类选择器。具体代码：ID和类选择器#div1{border:solidred;}#div2{color:royalblue;}#div3{color:darkkhaki;}.hah
重新学习的灰烬·2020-09-16 04:17

CSS学习笔记-CSS介绍 AND 2018-11-21（21:04）

一、什么是CSS？CSS：层叠样式表（CascadingStyleSeets）样式定义了如何显示HTML元素。1.样式通常存储在样式表（.css文件、css区域）中。2.把样式添加到HTML中，是为了解决内容与表现分离的问题。3.外部样式表可以极大提高工作效率。4.外部样式表通常储存在CSS文件中。5.多个样式定义可层叠为一。二、CSS的作用是什么？1.样式表解决了HTML内容与表现的分离。2.使
重新学习的灰烬·2020-09-16 04:17

CSS学习笔记-CSS的优先级问题 AND 2018-11-21（21:58）

一、优先级问题内联样式表>内部样式表>外部样式表：就近原则例如：CSS优先级div{color:pink;border:soliddarkgreen;}今天阳光明媚
重新学习的灰烬·2020-09-16 04:17

CSS学习笔记(三) 样式声明

在这篇文章中你能看到有关于CSS样式设置的常用属性，文章的目录如下：文章目录1、背景（1）背景颜色（2）背景图片（3）背景重复（4）背景位置（5）背景大小2、文本（1）文本颜色（2）行间间隔（3）字间间隔（4）文本对齐（5）处理空白（6）文本阴影（7）文本修剪3、字体（1）字体系列（2）字体风格（3）字体加粗（4）字体大小4、轮廓（1）颜色（2）样式（3）宽度（4）简写属性1、背景（1）背景颜色可
半虹·2020-09-16 02:36

CSS学习笔记-【内联样式、内部样式、外部样式表】 AND 2018-11-21（21:18）

一、内联样式1.在DIV标签中添加内联样式。添加style属性。在style中属性和值得表示方法为：style=“属性:值;属性:值”;例如：内联样式表二、内部样式内部样式表/*写样式*/div{color:red;/*边框：边框粗细、边框样式（dashed虚线、solid实线）边框的颜色*/border:1pxsolidblack;}内部样式表内部样式表2以以上代码为例：将内部样式写在head标
重新学习的灰烬·2020-09-16 02:25

[CSS学习笔记]盒子模型

MDN官方文档(来自goodle翻译，部分不通顺语句有修改)布局文档时，浏览器的渲染引擎根据标准CSS基本框模型将每个元素表示为一个矩形框。CSS确定这些框的大小，位置和属性（颜色，背景，边框大小等）。每个盒子由四个部分（或区域）组成，分别由它们各自的边缘定义：内容边缘(content)，填充边缘(padding)，边框边缘(border)和边距边缘(margin)。以内容边缘为边界的内容区域包含
魔法的可乐·2020-09-15 15:15

[CSS学习笔记]浮动和高度塌陷

浮动和高度塌陷浮动floatCSSDemo:floatfloat属性值例子：浮动元素如何定位高度塌陷高度塌陷的例子如何解决高度塌陷问题BFC(BlockFormattingContext)块级格式化环境clear属性解决高度塌陷的好方案：after伪类与clear结合关于clearfix浮动floatCSS属性float设置容器的左侧或右侧的元素，使文本和内联元素环绕它。尽管仍保留了流的部分，但该
魔法的可乐·2020-09-15 15:15

CSS学习笔记03 CSS层叠性、继承性、特殊性

层叠性所谓层叠性是指多种CSS样式的叠加，也就是说后面设置的样式会层叠（覆盖）之前的样式，层叠性的前提是CSS的选择器的优先级相同，例如，当使用内嵌式CSS样式表定义标记字号大小为12像素，链入式定义标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。123456CSS层叠性78.box{9background-color:red;10height:200px;11width
weixin_34220963·2020-09-15 15:27

前端html与css学习笔记总结篇(超详细)

第一部分HTML第一章职业规划和前景职业方向规划定位：web前端开发工程师web网站架构师自己创业转岗管理或其他web前端开发的前景展望：未来IT行业企业需求最多的人才结合最新的html5抢占移动端的市场自己创业做老板随着互联网的普及web开发成为企业的宠儿和核心web职业发展目标：第一、梳理知识架构负责内容的HTML负责外观的css（层叠样式表）负责行为的jsps切图第二、分解目标（起步阶段、提
风雨中De追梦人·2020-09-15 14:07

CSS学习笔记-CSS的优先级+继承性（四）

css继承特性CSS继承性HTML文档以树形结构进行组织，各元素之间是一种层次关系，这种层次关系同样反映在样式表的应用中。具有层次关系的元素之间，内层元素将继承外层元素的样式，多个外层元素中定义的样式将叠加到内层元素。HTML中，是其他元素的容器，是其他元素的最外层元素，所以元素中定义的样式将影响其他所有元素的显示格式。具有继承的CSS属性文本相关的属性是继承的text-align、color、t
程序猿hu·2020-09-15 14:30

层叠样式表CSS学习笔记

CSS学习笔记01.什么是CSS.CSS指层叠样式表(CascadingStyleSheets).
gyming·2020-09-15 14:49

CSS学习笔记（五）：居中显示

水平居中显示水平居中显示又分为行内元素的居中显示和块状元素的居中显示，块状元素中又分为定宽状元素，以及不定宽状元素行内元素的水平居中显示类似于文本、图片等行内元素的水平居中设置，是通过给父元素设置text-align:center来实现的例如，文本“居中显示”想要被居中显示居中显示则文本“居中显示”为div的子元素，我们可以通过设置div的text-align属性来完成对于文本水平居中显示的设置.
amber053·2020-09-15 13:12

CSS学习笔记之一

CSS：CSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素样式通常存储在样式表中把样式添加到HTML4.0中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中多个样式定义可层叠为一CSS分类：样式规则：样式属性名:值;样式属性名:值；样式属性名：值1值2值3;一：行内样式:写在html标签内部，使用style属性：
一只java程序员·2020-09-13 12:41

CSS学习笔记及案例（第4周）

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

HTML&CSS学习笔记

HTML&CSS知识点HTML概念：HTML是最基础的网页开发语言HyperTextMarkupLanguage：超文本标记语言超文本:超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本标记语言:由标签构成的语言。如html，xml标记语言不是编程语言快速入门：html文档后缀名.html或者.htm标签分为围堵标签：有开始标签和结束标签。如自闭和标签：开始标签和结束标签在一起。
mryjf·2020-09-13 02:04

HTML及CSS学习笔记 11 - 盒子的边框和阴影

本文是HTML及CSS课程的第十一课。主要介绍的内容为，CSS中如何给盒子添加圆角边框及如何给盒子添加阴影文章目录一、边框圆角1、如何添加边框圆角2、案例2.1、案例1-给盒子的四角分别设置边框圆角2.2、案例2-统一设置边框圆角为同一个值2.3、案例3-按顺时针顺序设置边框圆角2.4、案例4-使用百分比设置边框圆角2.5、案例5-按横轴半径/纵轴半径设置边框圆角二、盒子阴影1、如何添加盒子阴影2
codeke·2020-09-13 01:06

scss学习笔记

.scss的文件中带有中括号和分号；.sass的文件中不带有中括号和分号导入导入格式：@import'index.scss'导入时可忽略后缀名.scss；@import'index'一般以_下划线开头的文件（_mixin.scss），引入时可不写下划线@import'minxin.scss'注释分为两种分别为：/*注释内容*/（多行注释）以及//注释内容（单行注释）变量必须是$开头，后面紧跟变量名
我叫陈小皮。·2020-09-11 19:20

CSS——盒子模型 列表样式 边框属性 轮廓（outline，外边框）

CSS学习笔记02盒子模型列表样式取消列表前面的符号不同的列表项标记作为列表项标记的图像边框属性边框样式border-style的多种写法轮廓（outline，外边框）盒子模型我们可以把html中的所有元素都看成是一个盒子
@班·2020-09-11 17:42

CSS学习笔记13：background系列属性

一、background-color属性background-color指的是背景颜色属性。在css2.1中，颜色的表示方法共有三种：英语单词、rgb表示法、十六进制表示法。1.英语单词表示法基本语法：background-color:red;2.rgb表示法rgb表示三原色“红”red、“绿”green、“蓝”blue。光学显示器，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色
Java秃头哥·2020-09-11 10:32

CSS学习笔记：文本属性

缩进和水平对齐text-indenttext-indent:3em;/*values*/text-indent:40px;text-indent:15%;/*values,relativestothecontainingblockwidth*/text-indent:inherit通过使用text-indent属性，所有元素的第一行都可以缩进一个给定长度，甚至可以是负值。p{text-indent
gigi就是我·2020-09-11 08:23

day02_css学习笔记

day02_css学习笔记========================================================================================
weixin_34221773·2020-09-11 05:41

CSS学习笔记及案例

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

HTML5和CSS学习笔记（二）

接着学习CSS笔记（一）（17）添加带有边框半径的圆角通过CSS的一个叫border-radius(边框半径)的属性来让边框变成圆的如：使用像素来指定border-radius的属性值，现在让你的猫咪图片的边框半径为10px.smaller-image{width:100px;border-radius:10px}我家的猫咪（18）制作带有边框半径的圆形图像除了像素，你还可以使用百分比来指定bor
拱白菜的小白·2020-09-10 20:01

CSS学习笔记：text-shadow

概述text-shadow为文字添加阴影。可以为文字与text-decorations添加多个阴影，阴影值之间用逗号隔开。要为每个阴影指定相对文字的偏移量，可选的颜色及模糊半径。多个阴影从前往后叠加，第一个阴影在最前面。可以应用在::first-line和::first-letter伪元素上语法text-shadow:offset-x|offset-y|blur-radius|coloroffse
gigi就是我·2020-09-10 09:46

CSS学习笔记：@font-face

概述@font-face规则允许开发者为网页指定在线字体。@font-face是连接服务器上的字体的一种方式，浏览器会根据这条指令把对应的字体文件下载到本地缓存，使用它去显示文本。通过这种方式可以消除对用户电脑字体的依赖。@font-face不仅可以放在在CSS的最顶层,也可以放在@规则的条件规则组中。语法@font-face的取值有以下几个：font-family：设置文本的字体名称。之后可以在
gigi就是我·2020-09-10 09:14

CSS学习笔记：概述

书写规范选择器与{之间必须包含空格属性名与之后的:之间不允许包含空格，与值之间必须有空格并集选择器必须多行选择器的嵌套不应大于3级所有属性必须另起一行属性定义必须以分号结束代码书写采用展开式全部使用小写字母书写尽量少用通用选择器*尽量少用id选择器不适用无具体语义的标签选择器，如div、span不使用“_”下划线来命名CSS选择器定义的选择器名，属性及属性值的书写皆为小写。书写顺序display（
Ferencz·2020-09-10 09:08

用div实现向左右无缝滚动图片效果

用div实现向左右无缝滚动图片效果2008年07月05日星期六上午11:01div+css学习笔记22（用div实现向左无缝滚动图片效果）JavaScript实现走马灯效果[无缝连接、循环滚动]无缝跑马灯效果以下代码在
KTZ666·2020-08-24 22:59
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他