E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
HTML&CSS学习
css学习
笔记之盒模型
转自:https://segmentfault.com/q/1010000005057015/a-1020000005057235http://www.cnblogs.com/xiaohuochai/p/6252163.html盒模型 盒模型又叫框模型,由宽高、内边距、边框和外边距组成四个盒子结构1、元素框是指marginbox 元素框:width/height+padding+border+
蔻蔻a
·
2020-08-15 04:47
css
CSS学习
笔记 | 盒子模型
CSS盒子模型本文内容CSS盒子模型:1.看透网页布局的本质2.盒子模型的组成3.边框border3.1边框属性3.2边框的复合写法3.3边框分开写法3.4小作业3.5表格的细线边框3.6边框会影响盒子实际大小4.内边距padding4.1内边距属性4.2内边距复合写法4.3内边距会影响盒子的实际大小4.4注意点5.外边距margin5.1外边距属性5.2外边距的典型应用5.3外边距合并情况5.3
hz0220
·
2020-08-15 04:19
前端
CSS学习
笔记 | CSS字体属性
CSS学习
笔记_CSS字体属性本文内容CSS字体属性:1.字体系列2.字体大小3.字体粗细4.文字样式5.字体复合属性6.字体属性总结1、字体系列CSS使用font-family属性定义文本的字体系列。
hz0220
·
2020-08-15 04:19
前端
CSS学习
笔记 | CSS文本属性
CSS学习
笔记_文本属性本文内容:CSS文本属性:1.文本颜色2.对齐文本3.装饰文本4.文本缩进5.行间距6.文本属性总结1、文本颜色color属性用于定义文本的颜色div{color:red;}表示属性值预定义的颜色例如
hz0220
·
2020-08-15 04:19
前端
css学习
课程目标:学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性熟练掌握CSS盒子模型熟练掌握CSS浮动10.熟练掌握CSS定位11.熟练掌握CSS高级技巧强化CSStypora-copy-images-to:mediaCSS的发展历程从HTML被发明开始,样式就以各种形式存在。不同的浏览器
雪爪鸿泥
·
2020-08-15 04:28
css
css
前端
CSS学习
笔记
一CSS介绍层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(超文本标记语言)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,CSS也称为级联样式表。
weixin_30954265
·
2020-08-15 00:33
CSS基础学习
但是呢:
css学习
完后,没有绝对的“行内元素”和“块状元素”,可以通过displa
Jack_Meng8
·
2020-08-14 23:00
CSS学习
笔记之层模型
1.层类型:层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样,每个图层能够精确定位操作层模型有三种形式:1)绝对定位(position:absolute)2)相对定位(position:relative)3)固定定位(position:fixed)2.绝对定位如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从
深海沧澜夜未央
·
2020-08-14 23:48
CSS
HTML+
CSS学习
二案例
,initial-scale=1.0">Documentbody{font:18px/28px"MicrosoftYaHei";}h1{font-weight:400;text-align:center;}.gray{text-align:center;color:grey;font-size:small;}.btn{font-weight:700;}a{text-decoration:none;
迪仙女
·
2020-08-14 10:59
html+css+js学习
HTML+
CSS学习
三及案例
案例:五彩导航Document.nava{display:inline-block;width:120px;height:58px;background-color:pink;text-align:center;line-height:58px;text-decoration:none;color:white;}.nav.bg1{background:url(images/bg1.png)no-r
迪仙女
·
2020-08-14 10:59
html+css+js学习
css
html+
css学习
一
(一).概要标题标签、分段标签、换行标签、文本格式化标签图像标签链接标签表格标签表单标签(二).详细内容1.标题标签一级标题:二级标题:三级标题:四级标题:五级标题:六级标题:一级到六级标题,字体大小/粗细的变化如图所示:2.分段标签分段标签中的文字会根据浏览器宽度自由调整一行的文字个数;段与段之间会有一行空行2010年1月,出演的都市爱情剧《幸福一定强》播出,并在片中饰演了陆森[28];10月2
迪仙女
·
2020-08-14 10:58
html+css+js学习
html
HTML+
CSS学习
二
HTML+
CSS学习
二CSS代码规范:选择器{属性:属性值}一、选择器1.标签选择器:html标签名作为选择器把某一类标签全部选择出来p{text-indent:2em;}把p标签的内容首行缩进两个字的距离
迪仙女
·
2020-08-14 10:27
html+css+js学习
css
css3 flex流动自适应响应式布局实例2
上次简要的说了一些css3中flex的相关概念(详细:
css学习
16:css3flex流动自适应响应式布局设计),这次继续说下css3的flex,简单的举几个实例。
Cecilia_He
·
2020-08-13 23:23
web前端
HTML&
CSS学习
HTML&
CSS学习
HTML的一些标签标题~段落超链接图片是一个void元素,没有任何内容的元素,甚至没有结束标记。
panfeng_
·
2020-08-13 22:38
web
我的
CSS学习
笔记
CSS介绍CSS是什么?CSS,即“CascadingStyleSheet(层叠样式表)”,是用来控制网页的外观的一门技术。HTML、CSS和JavaScript是前端技术中最核心的三个元素。HTML控制网页的结构,CSS控制网页的外观,而JavaScript控制网页的行为。我们已经在HTML入门教程中的前端技术简介这一节详细讲解了这三者的区别,大家可以回去查看一下。HTML、CSS和JavaSc
lujiebin
·
2020-08-12 11:00
前端
Html&
CSS学习
笔记01---B/S架构、前端开发流程、网页组成部分,HTML简介
1、B/S软件的结构客户端服务器端JavaEE项目客户端:浏览器服务器端:WEB服务器2、前端的开发流程美术实现====>前端工程师=====>java程序员美术实现:网页设计师根据需求设计网页前端工程师:前端工程师将设计做成静态网页Java程序员:后台工程师将静态网页修改为动态网页3、网页的组成部分页面分别由内容(结构)、表现、行为三部分内容组成。内容(结构),是我们在页面中可以看到的数据。我们
DKPT
·
2020-08-11 17:48
HTML&CSS
html
css
h5-html+css尚硅谷教程源码
html+csshtml+
css学习
02.块与内联03.常用选择器48.盒子模型51.盒子模型-外边距52.盒子模型-垂直外边距的重叠53.浏览器默认样式54.内联元素的盒模型55.display和visibilityhtml
欣钻
·
2020-08-11 14:32
前端
CSS学习
笔记(一)
1、CSS:CascadingStyleSheets层叠样式表2、讲css样式直接写到style属性中,这种样式我们称为内联样式,内联样式只对当前元素中的标签起作用,内联样式不方便复用,内联样式属于结构和表现耦合,不方便后期维护,不推荐使用3、也可以将CSS样式放在head中的style标签里,将CSS样式统一编写到外部的样式表中,完全使结构和表现分离4、元素选择器,id选择器,类(class)选
CTRLSHIFTS
·
2020-08-11 12:21
HTML与
CSS学习
笔记--未完待续
HTML,
CSS学习
笔记结合尚硅谷的视频,摘抄的笔记一、软件架构C/S:客户端/服务端C:客户端,用户通过客户端来使用软件;S:服务器,负责处理软件的业务逻辑;特点:(1)软件使用前必须安装;(2)更新时
闪黑
·
2020-08-11 10:26
前端
css学习
之梅花浏览器
路径三种格式:1、同一个目录下,只需直接输入文件名。2、同层次文件夹下的文件,如images/xx3、上一层目录文件夹下的文件,../第七章/7-3.html4、根路径,以\开始,然后为根目录下的目录名超链接属性分别为:a:link未访问过的链接,a:active光标单击过得链接,a:hover光标经过的链接,a:visited已经访问过的链接。(注意css属性设置时,a与a:link的区别在于,
zhangzhifei1991
·
2020-08-11 02:00
Web前端--CSS
div+
css学习
笔记(十天学会div+css)
1.CSS伪类可以改变链接的样式2.在CSS定义中,a:hover必须位于a:link和a:visited之后,这样才能生效!在CSS定义中,a:active必须位于a:hover之后,这样才能生效!3.以下元素支持accesskey属性:,,,,,以及。4,。可以用css的display:inline将块级元素改变为内联元素,也可以用display:block将内联元素改变为块元素。5.浮动元素
苦逼的koala
·
2020-08-10 21:27
CSS学习
笔记12:伪类和超链接的美化
一、伪类伪类用于向某些选择器添加特殊的效果。类就是工程师加的,比如div属于box类,很明确,就是属于box类。但是a属于什么类?不明确。因为要看用户有没有点击、有没有触碰。所以,就叫做“伪类”,同一个标签,根据用户的某种状态不同,有不同的样式。a标签有4种伪类:a:link{color:red;}a:visited{color:orange;}a:hover{color:green;}a:act
Java秃头哥
·
2020-08-10 21:35
前端基础
div+
css学习
笔记(一)
T01商业网站布局课程目标:一、常用流行布局二、DIV+CSS布局思路三、DIV+CSS布局的运用【重点】四、使用实现页眉页脚的复用重要笔记:一、DIV+CSS布局思路1、步骤:a、首先,将页面在整体上用标签进行分块。b、其次,使用css对各版块进行定位。c、再次,在各版块中添加相应的内容,实现局部布局2、常见布局分类:a、一栏式:固定或自适应宽度b、两栏式:左侧固定右侧自适应宽度c、三栏式:两侧
_糖纸
·
2020-08-10 20:19
div+css
【
CSS学习
笔记十三】表单
一.输入框input{width:100%;}/*使用:focus选择器可以设置输入框在获取焦点时的样式*/input:focus{background-color:lightblue;}设置指定类型的输入框可以使用以下属性选择器input[type=text]:选取文本输入框input[type=password]:选择密码的输入框input[type=number]:选择数字的输入框二.文本框
思索与猫
·
2020-08-10 19:35
CSS学习
css学习
案例1-用div+css重新布局首页技术分析:divcss/////////////div:块标签span:行内的块标签////////////css:渲染层叠样式表作用:渲染页面提高工作效率格式:选择器{属性:值;属性1:值1;}后缀名:.css独立的css(样式)文件和html元素的整合★方式1:内联样式表通过标签的style属性设置样式方式2:内部样式表在当前页面中使用的样式通过head标签
daxiao0611
·
2020-08-10 16:06
人工智能
15、盒子模型垂直高度
文章目录介绍盒子模型垂直布局介绍本文是在学习CSS时做的学习笔记,所有笔记内容为
CSS学习
笔记盒子模型垂直布局meta.outer{background-color:#fbsheight:600px;1
五仁卤鸡翅
·
2020-08-10 14:34
css
02.Day02-WEB-HTML之DIV+
CSS学习
总结
一div相关技术:1.1什么是div?div就是html一个普通标签,进行区域划分.特性:独自占一行.独自不能实现复杂效果,必须结合CSS样式进行渲染.div通常是块级元素它主要用于页面的布局。可定义文档中的区域或节(division/section)标签可以把文档分成独立的,不同部分.他可以用作严格的组织工具,并且不使用任何格式与其关联.如果用id或者class来标记,那么该标签的作用将会变得更
阿Liang小帝
·
2020-08-10 14:19
MR_ALiang
JavaEE学习之旅
DIV+
CSS学习
笔记总结篇
转载请声明原文链接地址第一部分HTML第一章职业规划和前景职业方向规划定位:web前端开发工程师web网站架构师自己创业转岗管理或其他web前端开发的前景展望:未来IT行业企业需求最多的人才结合最新的html5抢占移动端的市场自己创业做老板随着互联网的普及web开发成为企业的宠儿和核心web职业发展目标:第一、梳理知识架构负责内容的HTML负责外观的css(层叠样式表)负责行为的jsps切图第二、
poetries
·
2020-08-10 12:08
HTML(5)/CSS(3)
HTML+CSS 阶段项目总结
HTML+CSS阶段项目总结经过一段时间的HTML+
CSS学习
,初步掌握了网页布局与样式编码的思路。尝试着记录项目过程中使用的方法与遇见的错误。
hthththtt
·
2020-08-10 12:52
项目总结
html
css
css-day03笔记-CSS三大特性&CSS盒子模型
—typora-copy-images-to:media第01阶段.WEB基础:css-day03笔记-CSS三大特性&CSS盒子模型CSS-day03笔记-盒子模型
CSS学习
三大重点:CSS盒子模型、
zhangjunzongque
·
2020-08-10 12:41
个人·
个人
css学习
-列表浮动,继承性,层叠性,盒模型,margin
主要内容:1.列表浮动2.继承性3.层叠性4.权重5.盒模型6.padding.border.margin概述:1.继承性和层叠性继承性:像一些文本的属性:color,test-*,line-*,font-*这些属性是可以继承下来的.2.层叠性就是权重,谁的权重大就显示谁的属性如何看权重:就是数数,选择器的个数:idclass标签1.针对于选中的标签(谁的权重大,就会显示谁的属性)2.如果权重一样
weixin_30646505
·
2020-08-10 11:17
CSS学习
笔记-块状元素-行间元素
1:css样式行间,内嵌,外联就近原则行间样式(标签内部)>内嵌样式(当前文件中)>外联样式(外部文件)2:头部图标实现3:css写法规则em:相对倍数指定方向值:按照上右下左(顺时针方向)的顺序依次排列1:html标签类型:块状元素(black):都占一行(该元素前后其他元素都要换行)直接适用盒模型的所有CSS属性行间元素(inline):不独占一行,多个行间元素可以在一行中呈现部分适用盒模型属
tz_gx
·
2020-08-10 10:39
CSS
CSS学习
笔记——盒模型,块级元素和行内元素的区别和区别
今天本来打算根据自己的计划进行前端自动化的学习的,无奈早上接到一个任务需求需要新增一个页面。自从因为工作需要转前端之后,自己的主要注意力几乎都放在JavaScript上面了,对CSS和HTML这方面其实基础真的很差,今天在写页面的时候就被浮动啊、内外边距啊这些耽误了不少时间。反思一下,自己确实在这些基础方面的不足很多,所以今后的学习笔记主要是我在工作中遇到的一些问题和他们的解决方法。其中可能中会有
老贝V5
·
2020-08-10 09:31
CSS
10、样式选择器权值
文章目录介绍样式选择器权值介绍本文是在学习CSS时做的学习笔记,所有笔记内容为
CSS学习
笔记样式选择器权值meta#box1{color:green}div{color:red}.red{color:red
五仁卤鸡翅
·
2020-08-10 09:19
css
css
css3
HTML+
CSS学习
笔记前言
目录HTML与CSS的关系二、标签的语法三、HTML文件基本结构四、HTML代码注释五、语义化HTML与CSS的关系HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。CSS样式是表现。比如,标题字体、颜色变化或为标题加入背景图片、边框等。这些用来改变内容外观的东西称之为表现。JavaScript是用来实现网页上的特效效果。例如鼠标滑过弹出下拉菜
木四小哥
·
2020-08-10 04:16
Web
CSS学习
笔记
在Anthony大神的指引下,坚定学习CSS的信心。一个多星期没学了,又得重头开始。下午上中特时在手机上看了css教程,现在对着网页重新复习整理下。简介:CSS指层叠样式表(CascadingStyleSheets)CSS规则由两个主要部分构成,选择器,一条或多条声明。eg:selector{property:value;property:value}声明总是以分号结束,声明组以大括号{}括起来。
hugleecool
·
2020-08-10 01:17
Scrapy response.
css学习
摘自官网youcantryselectingelementsusingCSSwiththeresponseobject:>>>response.css('title')[QuotestoScrape'>]Theresultofrunningresponse.css('title')isalist-likeobjectcalledSelectorList,whichrepresentsalistof
sspmii
·
2020-08-10 01:16
学习
css学习
笔记
-------------
css学习
笔记总结------------------1.简介:CSS是CascadingStyleSheet的缩写。译作「层叠样式表单」。
snail_gesture
·
2020-08-10 01:29
web前端
CSS学习
1.CSS语法Selector{Declaration;Declaration;}Declaration=Property:Value2.class和id选择器id:#标识符{}使用时候:class:.标识符{}or元素.标识符{}3.如何插入样式表外部样式表:就是在head处引入外部css文件最后优先级内部样式表:在head内写次之优先级内联样式:在元素内部添加style属性,style=“pr
The_Oringinal_Leon
·
2020-08-09 19:18
CSS学习
笔记
CSS学习
笔记CSS的引入方式引入方式有行内引入、内嵌式引入和链接式引入,常用链接式引入。
陈柄元
·
2020-08-09 18:36
Web
CSS学习
系列九:列表样式
在css中,有专门的为列表设计的样式,使用这些样式可以用图片来代替列表前的符号,也可以用不同的方式来显示列表前的标号,还可以设置列表文字的排列方式和间距1.用图片代替符号在css中可以使用list-style-p_w_picpath属性来修饰死板的标号,使列表变得更加生动.list-style-p_w_picpath属性可以作用在与标签语法代码:list-style-p_w_picpath:non
weixin_34348174
·
2020-08-09 18:50
【温故知新】
CSS学习
笔记(样式表)
CSS-网页的美容师CSS-CascadingStyleSheets美化样式通常叫做层叠样式表(级联样式表)。CSS样式引入的方式有三种(书写位置):1、内部样式表 Document /* 选择器{属性:值;} 选择器是选择标签的*/ th{ color:skyblue; } td{ font-size:
SAP剑客
·
2020-08-09 04:22
页面设计
CSS学习
笔记
CSS3模块css3被划分为模块。被分为选择器,框模型,背景和边框,文本效果,2D/3D转换,动画。多列布局,用户界面。1.css3边框border-radius圆角边框box-shadow边框阴影border-image边框图片2.css3背景background-size规定背景图的尺寸。默认值是auto。length:(宽度|高度),设置背景图片的高度和宽度。percentage(宽度|高度
英之才
·
2020-08-09 03:40
CSS学习
,最全CSS样式学习,15分钟学会CSS
CSS简介:1)什么是CSSCSS(CascadingStyleSheets)层叠样式表样式用来定义浏览器如何显示html元素(美化元素)样式通常存放在样式表中2)使用CSS样式好处a.样式声明实现所以元素的通用b.可以实现页面内容与表现的分离c.可以提高代码的复用性和维护性3)CSS的使用a.行内式:样式定义在html元素中,只对当前元素有效写法:step1:给元素添加属性step2:style
1720975767
·
2020-08-09 02:06
前端
CSS学习
笔记(一):
1.网页基本构成手机页面:initial-scale属性控制页面最初加载时的缩放等级。maximum-scale、minimum-scale及user-scalable属性控制允许用户以怎样的方式放大或缩小页面。小图标metaname=shortcuticon2.常用标签音乐autoplay自动播放,loop循环,controls【5】定义外部插件移动端相当于图文描述(块)3.行内、块级元素容易混
leener_007
·
2020-08-09 01:39
前端
CSS学习
笔记11:行高和字号的设置
一、行高CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的。基本语法:line-height:40px;文字,是在自己的行里面居中的。比如,现在文字字号14px,行高是24px。那么:注意:为了严格保证字在行里面居中,行高、字号一般都是偶数。这样,它们的差,就是偶数,就能够被2整除。如果行高不是偶数,则文字下面的行高比上面的大1.上例中,如果行高
Java秃头哥
·
2020-08-08 21:32
前端基础
Html+
CSS学习
笔记
列表总结CSS字体属性总结CSS文本属性总结链接伪类选择器复合选择器总结元素显示模式总结背景图平铺背景位置背景图像固定背景属性的符合写法背景总结选择器优先级内边距内边距简写盒子阴影浮动特性(重难点)设置了浮动(float)的元素最重要特性:1,脱离标准通流的控制(浮)移动到指定位置(动),(俗称托标)2,浮动的盒子不再保留原先的位置浮动特性清除浮动为什么需要清除浮动,由于父级盒子很多情况下,不方便
有多大的思想,才有多大的能量
·
2020-08-08 19:07
HTML+CSS
CSS学习
笔记(一) --CSS基础
CSS学习
笔记(一)--CSS基础本人大四渣前端一枚,目前还在求职状态,虽然小公司的offer也拿到了不少,但是次次在大公司面试时碰壁,并且均被指出基础不是特别扎实,因此最近在自我反省需要在重新将基础打扎实
黑の夜行
·
2020-08-08 19:20
CSS
HTML
css学习
笔记(一)
一css样式表基础1,css基本概念css(cascadingstylesheet)即层叠样式表,简称样式表,要理解样式表的概念先要理解样式的概念,样式是对网页中的元素(字体,段落图像,列表等)属性的整体概括,即描述所有网页对象的显示形式(例如文字的大小,字体,背景及图像的颜色,大小等都是样式)。层叠,就是指当HTML文件引用多个css文件时,如果css文件之间所定义的样式发生了冲突,将依据层次的
neoxuhaotian
·
2020-08-08 18:38
css学习
笔记
CSS:层叠样式表CSS作用:美化页面,提高代码的复用性1.选择器:需要掌握的:元素选择器:标签的名称元素的名称{属性名称:属性的值;属性名称:属性的值;}类选择器:以.开头以.开头.类的名称{属性名称:属性的值;属性名称:属性的值;}ID选择器:以#开头,#ID的名称ID必须是唯一的以#号开头ID在整个页面中必须是唯一的s#ID的名称{属性名称:属性的值;属性名称:属性的值;}优先级:按照选择精
xuanxiaoT
·
2020-08-08 17:17
学习笔记
上一页
8
9
10
11
12
13
14
15
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他