免费官方网站创建,iis 7.5 网站,建设厅网站业绩备案公示期,青岛网站快速排名优化CSS简介:
CSS 指的是层叠样式表* (Cascading Style Sheets)#xff0c;主要用于设置HTML页面的文字内容#xff08;字体、大小、对齐方式#xff09;#xff0c;图片的外形#xff08;边框#xff09;
CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
CSS 节省…CSS简介:
CSS 指的是层叠样式表* (Cascading Style Sheets)主要用于设置HTML页面的文字内容字体、大小、对齐方式图片的外形边框
CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
CSS 节省了大量工作。它可以同时控制多张网页的布局其中外部样式表存储在 CSS 文件中。
2、想要在web端显示实时预览的画面而海康提供的demo是用GUI 组件去解码视频流数据来显示并且客服说只能提供IE和旧版chrome浏览器的解码插件这不符合预期那么接下来是使用ffmpeg【ffmpeg的安装、环境变量配置及基本使用】对海康视频流rtsp流进行转换并以rtmp协议的流数据返回给前端前端通过video.js来展示。
3、在浏览器和服务器之间进行数据交换时常用的方式是通过JSONJavaScript Object Notation进行数据的序列化和反序列化。以下是一般的数据交换流程
在浏览器端前端使用JavaScript将数据对象转换为JSON字符串。可以使用JSON.stringify()方法进行转换。
将JSON字符串通过HTTP请求发送到服务器端。
在服务器端通过相应的框架或库如Node.js中的Express框架接收到请求后将接收到的JSON字符串转换为服务器可处理的数据格式如对象或数组。可以使用框架或库提供的方法来解析JSON字符串如JSON.parse()函数。
服务器端进行相应的处理可能是对数据进行存储、处理或其他操作。
服务器将处理完的数据转换为JSON字符串。
将JSON字符串作为响应发送回浏览器端。
在浏览器端通过JavaScript将接收到的JSON字符串转换为相应的数据对象以便在页面上进行显示或其他操作。
在这个过程中JSON提供了一种通用的数据格式它具有简洁明了、易于理解和解析的特点能够方便地在浏览器和服务器之间进行数据交换。
4、CSS语法规范
主要由选择器和一条或者多条声明组成。选择器是用于指定CSS样式的HTML标签。花括号内是对该对象设置的具体样式以键值对的形式出现。选择器分为两大类基础选择器和复合选择器。基础选择器主要由标签选择器类选择器id选择器通配符选择器组成。
标签选择器直接使用HTML标签作为选择器按标签名称进行分类直接对某一类的标签指定样式。可以快速为页面同类型的标签设置样式。
类选择器在HTML中以class属性表示在CSS中以.显示用于单独选一个或者某几个标签。.后面跟的类名可以用-来连接不要用纯数字、中文来命名。一个标签可以有多个类名从而有更多的样式两个类名之间用空格来分隔。当一些标签具有共同的样式时可以将其单独放在一个类里面这些标签再分别调用这个公共的类减少代码的冗余度。
id选择器为标有特定id的HTML元素指定特定的样式。以id属性来设置id选择器CSS中设置#来定义样式。注意id属性只能在每一个HTML文档里出现一次。
通配符选择器以*来进行定义表示选取页面中的所有元素不需要专门进行调用自动给元素使用样式。 5、CSS字体属性用于定义字体系列大小粗细文字样式。
设置字体font-family
字体大小font-size,单位是px
字体粗细font-weight:normal/bolder/400等同于normal700等同于bolder
文字样式font-style:是否是斜体italic/normal
文字颜色color三种形式预定义的颜色值red,blue,yellow等。十六进制以#号键开头如#fff表示6个f#e4f表示#ee44ff。RGB代码rgb(255,0,0)
对齐文本text-alignleft/right/center
装饰文本text-decoration:none/underline/overline/line-through(穿线而过)
文本缩进text-indent:2em:首行缩进2个字符。em是一个相对单位即当前元素1个文字的大小。
文本行高line-height:用于设置行间的距离可以控制文字行和行之间的距离。包括了上间距、下间距、文本本身的高度。 6、CSS的三种样式表行内样式表、内部样式表、外部样式表。
内部样式表写到HTML内部即head/head里的style/style里
外部样式表开发中最常用。适用于样式比较多的情况样式单独写在CSS文件里再将CSS文件引入到HTML页面中去使用。
link rel”stylesheet” href”CSS文件的路径”
行内样式表直接写到具体的某一个标签里用style/style括起来。
7、Emmet语法快速生成HTML结构的语法。
生成标签divTab
生成多个相同的标签:div*3Tab
父子级关系的标签ulliTab
兄弟级关系的标签divpTab
p.bin:生成带有类名为bin的p标签
如果生成的div类是有顺序的可以用自增符号$
8、CSS的复合选择器 在CSS中复合选择器是由基本选择器组合形成的。包括了后代选择器子选择器并集选择器伪类选择器。
后代选择器选择父元素里边的子元素中间用空格来进行分隔。元素1 元素2 {样式声明}
子选择器选择作为某元素的最近一级子元素。元素1元素2样式声明
选择元素1里的所有直接后代元素2
并集选择器可以选择多组标签为它们定义相同的样式用逗号连接。
元素1元素2 {样式声明}
伪类选择器给某一些选择器添加特殊的效果给链接添加特殊效果或选择第一个。
链接伪类选择器a:link{}未点击时呈现的样式a:visited{}访问后呈现的样式。a:hover{}鼠标悬停时的样式。a:active:{}选择活动的链接就是鼠标点击了这个链接但还没松开。 实际开发中一般要按这个顺序来进行设置即LVHA.
用的最多的是a{}设置链接的样式a:hover{}设置悬停的时候的样式。
Focus伪类选择器用于获得焦点的表单元素。焦点即光标。
Input:focus{background-color:yellow}
9、CSS的元素显示模式即标签以什么方式来进行显示比如div/div分为块元素和行内元素。 块元素h1到h6pdivul、ol、li
特点独占一行、高度宽度内外边距可以控制宽度是默认父级宽度是一个容器里边可以放其他行内或者块元素。
注意文字类元素不能使用块元素比如p标签里不能使用div标签还有h1和h6标签。
行内元素:astrongemidelspan是最典型的行内元素。
特点一行可以显示多个。不能设置宽和高默认宽度即本身内容的宽度行内元素只能容纳文本或者其他行内元素。链接里不能放其他链接。但是可以放块状元素。
行内块元素img、input、td同时具有块元素和行内元素的特点可以一行占多个默认宽度是本身内容的宽度。宽度和行高外边距和内边距都可以控制。
10、单行文字垂直居中的原理
将行高和文字高度设置成一样的即可。当行高小于文字高度时文字会偏上。当行高大于文字高度时文字会偏下。 11、CSS的背景
背景颜色bgcTab:默认是transparent透明
背景图片常用于某些logo或者一些装饰性的小图片。优点是便于控制位置。
BgiTab
背景平铺bgrTabrepeat/no-repeat/repeat-x(沿x轴进行平铺)/repeat-y(沿y轴进行平铺)
背景图片位置bgpTabx y。参数可以填方位名词或者精确的像素值。top/bottom/left/right/center先是水平方向再是垂直方向。
注意如果指定的两个值都是方位名词则两个值的前后顺序无关。
如果只指定了一个方位名词另一个值省略第二个值默认居中对齐。
当参数是精确单位时第一个是x坐标第二个是y坐标。
背景图像固定bgaTab:scroll.背景图像是随对象内容滚动。Fixed是背景图像固定。
背景色半透明background:rgba(0,0,0,0.3)分别是红绿蓝三色的值加一个透明度介于0-1之间。
