这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成,而不使用任何的格式化标签。
由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。
为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。
所有的主流浏览器均支持层叠样式表。
多重样式将层叠为一个
样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。
层叠次序
当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
浏览器缺省设置
外部样式表
内部样式表(位于 标签内部)
内联样式(在 HTML 元素内部)
因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:
标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。
一、css的语法
格式:
选择器{属性:值;属性:值;属性:值;....}
其中选择器也叫选择符
CSS中注释:
/* ... */
二、在HTML中如何使用css样式(html中嵌入css的方式)
内联方式(行内样式) 就是在HTML的标签中使用style属性来设置css样式 格式: 被修饰的内容``
在HTML中如何使用css样式
特点:仅作用于本标签
内部方式(内嵌样式) 就是在head标签中使用标签来设置css样式 格式: 特点:作用于当前整个页面
外部导入方式(外部链入) 3.1 (推荐)就是在head标签中使用 标签导入一个css文件,在作用于本页面,实现css样式设置 格式: 3.2 还可以使用import在style标签中导入css文件。 格式: 特点:作用于整个网站 俩种导入方式的区别:
link属于html,而@import则属于css
@import 不能写在内嵌样式的上方 否则样式无效 格式: 不生效 下面的写法生效
加载顺序区别 加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载。
兼容性区别 @import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link标签作为 HTML 元素,不存在兼容性问题。 他们的优先级:当样式冲突时,就是采用就近原则,是值css属性离被修饰的内容最近的为主。 若没有样式冲突则采用叠加效果。
三、**css2的选择符:
html选择符(标签选择器)
就是把html标签作为选择符使用 如 p{....} 网页中所有p标签采用此样式
h2{....} 网页中所有h2标签采用此样式
class类选择符 (使用点.将自定义名(类名)来定义的选择符)(类选择器)
定义: .类名{样式....} 匿名类
其他选择符名.类名{样式....} 使用:...
.mc{color:blue;} /* 凡是class属性值为mc的都采用此样式 */
p .ps{color:green;} /只有p标签中class属性值为ps的才采用此样式 /
注意:类选择符可以在网页中重复使用
3.Id选择符(ID选择器)
定义: #id名{样式.....} 使用:...
注意:id选择符只在网页中使用一次
选择符的优先级:从大到小 [ID选择符]->[class选择符]->[html选择符]->[html属性]
4.关联选择符(包含选择符)
格式: 选择符1 选择符2 选择符3 ...{样式....} 例如: table a{....} /table标签里的a标签才采用此样式 /
h1 p{color:red} /*只有h1标签中的p标签才采用此样式*/
5.组合选择符(选择符组)
格式: 选择符1,选择符2,选择符3 ...{样式....}
h3,h4,h5{color:green;} /*h3、h4和h5都采用此样式*/
6.*通配符(全局选择器)
说明:
通配符的写法是“*”,其含义就是所有元素。
用法:
常用来重置样式
*{ padding:0; margin:0;}
伪类选(伪元素)择符: 格式: 标签名:伪类名{样式....} a:link {color: #FF0000; text-decoration: none} /* 未访问的链接 */
a:visited {color: #00FF00; text-decoration: none} /* 已访问的链接 */
a:hover {color: #FF00FF; text-decoration: underline} /* 鼠标在链接上 */
a:active {color: #0000FF; text-decoration: underline} /* 激活链接 */
为了简化代码,可以把伪类选择符中相同的声明提出来放在a选择符中; 例如: a{color:red;} a:hover{color:green;} 表示超链接的三种状态都相同,只有鼠标划过变颜色。 伪类(Pseudo classes)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态
属性选择器: ...
其他伪类选择器 ...
优先级:行内->css3选择器->id->class->html->html属性
四、 CSS3中的选择器
关系选择器:
div>p 选择所有作为div元素的子元素p div+p 选择紧贴在div元素之后p元素 div~p 选择div元素后面的所有兄弟元素p
属性选择器:
[attribute]选择具有attribute属性的元素。 [attribute=value]选择具有attribute属性且属性值等于value的元素。 [attribute~=value]选择具有attribute属性且属性值为一用空格分隔的字词列表,其中一个等于value的元素。 [attribute|=value]选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。
div[class|="a"] class="a-test"
[attibute^=value]匹配具有attribute属性、且值以valule开头的E元素 [attribute$=value]匹配具有attribute属性、且值以value结尾的E元素 [attribute*=value]匹配具有attribute属性、且值中含有value的E元素 浏览器兼容性问题: 不用担心浏览器兼容问题,也不用考虑IE浏览器版本问题。
CSS 伪类用于向某些选择器添加特殊的效果。
结构性伪类选择器:
::first-letter设置对象内的第一个字符的样式。 ::first-line设置对象内的第一行的样式。 :before设置在对象前(依据对象树的逻辑结构)发生的内容。
定义和用法
:before 选择器在被选元素的内容前面插入内容。
请使用 content 属性来指定要插入的内容。
content不能省略
:after设置在对象后(依据对象树的逻辑结构)发生的内容。
定义和用法
:before 选择器在被选元素的内容后面插入内容。
请使用 content 属性来指定要插入的内容。
content不能省略
:first-of-type匹配同类型中的第一个同级兄弟元素 :last-of-type匹配同类型中的最后一个同级兄弟元素 表示其父元素下的最后一个指定类型的元素。
:only-of-type匹配同类型中的唯一的一个同级兄弟元素
:nth-last-of-type(n) 匹配同类型中的倒数第几个同级兄弟元素
:nth-of-type(n) 匹配同类型中的第几个同级兄弟元素
:only-child匹配父元素仅有的一个子元素 :nth-last-child(n)匹配同类型中的倒数第n个同级兄弟元素 :first-child()匹配父元素的最后一个子元素 :last-child()匹配父元素的最后一个子元素 其父元素的最后一个子元素,且这个元素是css指定的元素,才可以生效
:nth-child(n)匹配父元素的第n个子元素
实例:
li:nth-child(2n){color:#f00;} /* 偶数 */
li:nth-child(2n+1){color:#000;} /* 奇数 */
child和type区别:
child所指定的必须为第一个或者最后一个 否则不生效 但是type可以
:root匹配元素在文档的根元素。在HTML中,根元素永远是HTML :empty匹配没有任何子元素(包括text节点)的元素 :not(selector)匹配不含有selector选择符的元素
.demo li:not(:last-child) {
border-bottom: 1px solid #ddd;
}
上述代码的意思是:给该列表中除最后一项外的所有列表项加一条底边线
*状态伪类选择器
:link 设置超链接a在未被访问前的样式。 :visited 设置超链接a在其链接地址已被访问过时的样式 :active 设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式 *:hover 设置元素在其鼠标悬停时的样式 *:focus 设置元素在其获取焦点时的样式 :target 匹配相关URL指向的E元素 将锚点跳转的代码进行设置
#my_md:target{}
:enabled 匹配用户界面上处于可用状态的元素 :disabled 匹配用户界面上处于禁用状态的元素 :checked 匹配用户界面上处于选中状态的元素
实例:
input:checked + span {
background: #f00;
}
input:checked + span:after {
content: " 我被选中了";
}
::selection 设置对象被选择时的样式
实例:
p::selection{background:#000;color:#f00;}
你选中这段文字后,看看它们的文本颜色和背景色,就能明白::selection的作用。
只能定义被选择时的background-color,color及text-shadow(IE11尚不支持定义该属性)。
!important 应用优先权 .test {important color: #f00 !important; color: #000; }
伪类就是创建了一个假的类名;伪元素就是创建了一个假的元素标签。
同样举例说明伪元素(就是创建了假的元素):如让
啊啦啦啦
里面的啊变颜色 我们的一般做法是啊啦啦啦
然后span{color:red} 但是用伪元素就不用创建新元素span了,直接p::first-letter{color:red}就可以搞定了是不是很爽啊,相当于创建了一个假的元素span然而实际并没有创建
======================================================================================
五、CSS中常用的属性:
(1) color颜色属性:
a. HSL颜色: 通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色.
background-color: hsl(240,100%,50%);color:white;
b. HSLA颜色: 色调(H)、饱和度(S)、亮度(L)、透明度(A);
background-color: hsla(0,100%,50%,0.2);
*c. RGB颜色: 红(R)、绿(G)、蓝(B)三个颜色通道的变化
background-color: rgba(200,100,0);
d. RGBA颜色: 红(R)、绿(G)、蓝(B)、透明度(A)
background-color: rgba(0,0,0,0.5);
*e. 图片透明度的设置 img.opacity{ opacity:0.25;}
兼容IE8 filter:alpha(opacity=100);
颜色的使用:
颜色的英文单词
十六进制
rgb
(2) 字体属性: font
font *font-size: 字体大小:20px,60%基于父对象的百分比取值 *font-family: 字体:宋体,Arial font-style: normal正常;italic斜体; oblique倾斜的字体 *font-weight: 字体加粗 :bold font-variant: small-caps 小型的大写字母字体 font-stretch: [了解]文字的拉伸是相对于浏览器显示的字体的正常宽度(大部分浏览器不支持)。
<' font-style '>: 指定文本字体样式 <' font-variant '>: 指定文本是否为小型的大写字母 <' font-weight '>: 指定文本字体的粗细 <' font-size '>: 指定文本字体尺寸 <' line-height '>: 指定文本字体的行高 tvls <' font-family '>: 指定文本使用某个字体或字体序列 且font-size和font-family是不可忽略
(3) 文本属性:
text-indent: 首行缩进:2em text-indent:30px; text-overflow: 文本的溢出是否使用省略标记(...)。clip|ellipsis(显示省略标记) *text-align: 文本的位置:left center right text-transform:对象中的文本的大小写:capitalize(首字母)|uppercase大写|lowercase小写 *text-decoration: 字体画线:none无、underline下画线,line-through贯穿线 text-decoration-line:[了解]文本装饰线条的位置(浏览器不兼容)
*text-shadow: 文本的文字是否有阴影及模糊效果 vertical-align: 文本的垂直对齐方式 middle居中 direction:文字流方向。ltr | rtl
white-space:nowrap; /* 强制在同一行内显示所有文本*/
*letter-spacing: 文字或字母的间距 word-spacing:单词间距 *line-height:行高 *color: 字体颜色 word-break:break-all;单词换行
(4) *边框:
border:宽度 样式 颜色;
border-color;
border-style; 边框样式:solid实现,dotted点状线,dashed虚线
border-width:
border-left-color;
border-left-style;
border-left-width:
...
CSS3的样式
border-radius:圆角处理
box-shadow: 设置或检索对象阴影
三角
div{
border: 14px solid #FFF;
width:0;
height: 0;
border-bottom-color:red;
}
(5) 背景属性:background
*background-color: 背景颜色 *background-image: 背景图片 *background-repeat:是否重复,如何重复?(平铺)
repeat-x 按照x轴平铺
repeat-y 按照y轴平铺
no-repeat 不平铺
*background-position:定位
center: 背景图像横向和纵向居中。
left: 背景图像在横向上填充从左边开始。
right: 背景图像在横向上填充从右边开始。
top: 背景图像在纵向上填充从顶部开始。
bottom: 背景图像在纵向上填充从底部开始。
background-attachment:[əˈtætʃmənt] 是否固定背景,
scroll:默认值。背景图像是随对象内容滚动
fixed:背景图像固定
css3的属性
*background-size: 背景大小,如 background-size:100px 140px;
组合写法:
background: green url("./sc/1.gif") no-repeat center/200px 300px scroll;
多层背景: background:url(test1.jpg) no-repeat scroll 10px 20px,url(test2.jpg) no-repeat scroll 50px 60px,url(test3.jpg) no-repeat scroll 90px 100px; background-origin:content-box,content-box,content-box; background-clip:padding-box,padding-box,padding-box; background-size:50px 60px,50px 60px,50px 60px;
(6) *内补白(内补丁)
padding: 检索或设置对象四边的内部边距,如padding:10px; padding:5px 10px; padding-top: 检索或设置对象顶边的内部边距 padding-right: 检索或设置对象右边的内部边距 padding-bottom:检索或设置对象下边的内部边距 padding-left: 检索或设置对象左边的内部边距 box-sizing: border-box;
盒子模型
css定义所有的元素都可以拥有像盒子一样的外形和平面空间,即都包含边框(border)、外边距(margin)、内边距(padding)、内容区(content)。 计算公式: 宽 =左右margin+左右border+左右padding+内容width 高 =上下margin+上下border+上下padding+内容height
怪异盒子模型
/* 切换盒子模型计算方式
*
* 从边框左边到边框右边之间的距离 才是width
* 计算宽度非常方便
*
*/
box-sizing: border-box;
(7) *外补白(外补丁)
margin: 检索或设置对象四边的外延边距,如 margin:10px; margin:5px auto; margin-top: 检索或设置对象顶边的外延边距 margin-right: 检索或设置对象右边的外延边距 margin-bottom: 检索或设置对象下b边的外延边距 margin-left: 检索或设置对象左边的外延边距
注意:
外边距的上下距离会重叠 左右不会重叠
(8) Position定位
*position: 定位方式:absolute(绝对定位)、fixed(固定)(relative定位参考,可对内部相对absolute定位) *z-index: 层叠顺序,值越大越在上方。 *top: 检索或设置对象与其最近一个定位的父对象顶部相关的位置 right: 检索或设置对象与其最近一个定位的父对象右边相关的位置 bottom: 检索或设置对象与其最近一个定位的父对象下边相关的位置 *left: 检索或设置对象与其最近一个定位的父对象左边相关的位置
总结:
fixed和absolute绝对定位 不会保留其物理空间 设置当前定位的元素会漂浮在其它元素的上方
定位会参照外层的定位而定位 如果外层嵌套的标签不存在定位 则会按照body体进行定位
fixed和absolute使用除了fixed会随着滚动条的滚动而滚动之外 使用方式一样的
设置div相对于浏览器居中显示
position:absolute;
left:0;
top:0;
bottom:0;
right: 0;
margin: auto;
(9) Layout布局
*display: 是否及如何显示:
none隐藏
block块状显示
inline 行级
inline-block 行级的块级标签 *float:指出了对象是否及如何浮动:值none | left | right *clear:清除浮动:none | left | right | both两侧 visibility:设置或检索是否显示对象。visible|hidden|collapse。 与display属性不同,此属性为隐藏的对象保留其占据的物理空间 clip:检索或设置对象的可视区域。区域外的部分是透d明的。 rect(上-右-下-左) 如:clip:rect(auto 50px 20px auto);上和左不裁剪,右50,下20.
*overflow:超出隐藏:hidden,visible:不剪切内容 overflow-x:内容超过其指定宽度时如何管理内容: visible | hidden | scroll | auto overflow-y:内容超过其指定高度时如何管理内容
图片格式(了解)
png 常用的网络传输格式,开发中用的最多的格式 HTML常用,
移动开发(Android,IOS,WP),这个格式文件失真率低
jpg 比较常用的图片格式,压缩性能比较高,不支持透明像素 失真率比较高
gif 动态图片,不透明的,占用空间比较高
psd Photoshop的原图,PS超级大,但是可以保留图片原始所有资料
webp Google定义的,它集合了png和jpg的优点 支持透明像素,空间占用低
新增CSS3选择器及属性只需在选择器或属性前加上相对应的浏览器前缀即可
-webkit- Chrome -moz- FF -ms- IE -o- Opera
(10) 用户界面 User Interface
*cursor 鼠标指针采用何种系统预定义的光标形状。pointer小手,url自定义
zoom 设置或检索对象的缩放比例: normal|5倍|200%百分比 box-sizing 设置或检索对象的盒模型组成模式。content-box | border-box
content-box: padding和border不被包含在定义的width和height之内。 border-box: padding和border被包含在定义的width和height之内。
resize 设置或检索对象的区域是否允许用户缩放,调节元素尺寸大小。
none: 不允许用户调整元素大小。
both: 用户可以调节元素的宽度和高度。
horizontal: 用户可以调节元素的宽度
vertical: 用户可以调节元素的高度。
outline 复合属性:设置或检索对象外的线条轮廓
outline-width设置或检索对象外的线条轮廓的宽度 outline-style设置或检索对象外的线条轮廓的样式 outline-color设置或检索对象外的线条轮廓的颜色 outline-offset设置或检索对象外的线条轮廓偏移位置的数值
(11) 表格相关属性:
border-collapse 设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开 separate | collapse border-spacing 设置或检索当表格边框独立时,行和单元格的边框在横向和纵向上的间距 caption-side 设置或检索表格的caption对象是在表格的那一边 top | bottom empty-cells 设置或检索当表格的单元格无内容时,是否显示该单元格的边框 hide | show
(12) 过渡 Transition:
transition 检索或设置对象变换时的过渡效果 transition-property 检索或设置对象中的参与过渡的属性 transition-duration 检索或设置对象过渡的持续时间 transition-timing-function 检索或设置对象中过渡的类型 transition-delay 检索或设置对象延迟过渡的时间
(13) 动画 Animation
animation 检索或设置对象所应用的动画特效 animation-name 检索或设置对象所应用的动画名称 animation-duration 检索或设置对象动画的持续时间 animation-timing-function 检索或设置对象动画的过渡类型 animation-delay 检索或设置对象动画延迟的时间 animation-iteration-count 检索或设置对象动画的循环次数 animation-direction 检索或设置对象动画在循环中是否反向运动 alternate animation-play-state 检索或设置对象动画的状态 animation-fill-mode 检索或设置对象动画时间之外的状态
(14) 2D变换 2D Transform:
transform 检索或设置对象的变换 transform-origin 检索或设置对象中的变换所参照的原点
你可能感兴趣的:(css入门)
C语言入门到进阶----Day2(Demo) 15th/Nov./2019
tmoin
主要内容两个小demo的实现Demo1输入工资a元计算输出这个员工交税后的工资a10k超出10k部分交20%的税,超出8k部分交15%的税,超出5k部分交10%的税#includeintmain(){intwage=0;//记录工资intpay=0;//税后工资printf("请输入你的工资:");scanf("%d",&wage);//scanf中"%d"内不要加其他的东西,&记得取地址//计算
Python 协程 & 异步编程 (asyncio) 入门介绍
linmeiyun
后端 python python 爬虫 学习 开发语言 机器学习
在近期的编码工作过程中遇到了async和await装饰的函数,查询资料后了解到这种函数是基于协程的异步函数。这类编程方式称为异步编程,常用在IO较频繁的系统中,如:Tornadoweb框架、文件下载、网络爬虫等应用。协程能够在IO等待时间就去切换执行其他任务,当IO操作结束后再自动回调,那么就会大大节省资源并提供性能。接下来便简单的讲解一下异步编程相关概念以及案例演示。1.协程简介1.1协程的含义
2018-06-15 h5开发记录
superKelly
php加载流程php->html->js+cssphp1.smarty赋值$smarty->assign("loadMsg",array('pic'=>'error','footDesc'=>'ec:'.$res));$smarty->caching=false;2.发起请求$url=Config::getApiActivityUrl().'/activity/anniversary/getGue
电脑操作从零到精通:全方位入门资源包
马屿人
本文还有配套的精品资源,点击获取简介:电脑快速入门资源下载提供了一系列教程,帮助初学者迅速掌握计算机基础知识和操作技能。教程涵盖了计算机组成部分、操作系统选择、文件管理、网络连接、办公软件应用、安全与维护、进阶技能等关键领域。资源包括详细的《电脑快速入门.PDF》教程和《***说明.txt》,初学者可借此逐步提升电脑操作技能,适应数字世界。1.计算机基础知识和组成部分1.1计算机硬件与软件概述计算
Webpack | vite | Rollup | Gulp | Grunt 比较
前端阿彬
前端实用知识学习 webpack gulp 前端 vite 打包工具
前言模块化管理工具和自动化构建工具是不同的。两者主要体现在侧重点不一样。自动化构建工具侧重于前端开发的整个过程的控制管理(像是流水线)。而模块化管理工具更侧重于模块打包,当然我们可以把开发中的所有资源(图片、js文件、css文件等)都可以看成模块。Webpackwebpack可以说是当前最流行的模块化管理工具和打包工具。其通过loader的转换,可以将任何形式的资源视作模块。它还可以将各个模块通过
Python是什么?Python能干什么?一篇文章让你对Python了如指掌!!
武昌库里写JAVA
面试题汇总与解析 spring log4j java 开发语言 算法
Python作为当下最热门的编程语言,已经成为了多个领域的首选语言。能用到Python的地方非常多。从入门级小白到专业级的大佬,数据挖掘、科学计算、图像处理、人工智能,Python都可以胜任。或许是因为这种万能属性,现在有很多的小伙伴都开始学习Python。而现在Python的火爆甚至已经来到了程序员的圈子外,进入了国务院《新一代人工智能发展规划的通知》里。Python也已经走进了小学生的课程里,
【网络安全】如何预防xss
不会代码的小徐
web安全 xss 安全
XSS(Cross-SiteScripting,跨站脚本攻击)是一种代码注入攻击。攻击者通过在目标网站注入恶意脚本,使其在用户浏览器中执行,从而窃取用户敏感信息如Cookie和SessionID。CSS在前端已经被用了,为了避免歧义用了XSS作为缩写。XSS的本质是恶意代码与网站正常代码混在一起,浏览器无法分辨它们的可信度,最终导致恶意代码被执行。XSS的危害浏览器无法区分恶意代码和正常代码,它们
【Python基础】Python推导式
姑苏老陈
Python编程入门 python 开发语言 python推导式
本文收录于《Python编程入门》专栏,从零基础开始,分享一些Python编程基础知识,欢迎关注,谢谢!文章目录一、前言二、列表推导式三、元组推导式(生成器表达式)四、字典推导式五、集合推导式六、总结一、前言Python推导式(Comprehensions)是Python语言中一种独特且强大的语法特性,用于从已有的可迭代对象(如列表、元组、字典、集合)快速创建新的可迭代对象。推导式不仅提高了代码的
CSS中inset属性详细讲解
OEC小胖胖
css 前端
CSS中的inset属性是一种用于定位和调整非static定位元素的缩略属性。它是四个单独属性的简写,这些属性是top、right、bottom和left。通过inset属性,可以同时设置这些属性的值,简化代码书写。1.属性语法inset属性的语法如下:/*单个值*/inset:|;/*两个值*/inset:||;/*三个值*/inset:|||;/*四个值*/inset:||||;①单个值当提供
顶级的python入门教程!小白到大师,从这篇教程开始!
马大哈(Python)
python pycharm 开发语言 学习 青少年编程
1.为什么要学习Python?学习Python的原因有很多,以下是几个主要的原因:广泛应用:Python被广泛应用于Web开发、数据科学、人工智能、机器学习、自动化运维、网络爬虫、科学计算、游戏开发等多个领域。掌握Python意味着你可以在这些领域中找到丰富的职业机会。入门简单:Python的语法简洁明了,易于学习和理解,对于编程初学者来说非常友好。它的代码风格一致,可读性强,有助于培养良好的编程
Python入门 - pip安装
全栈老实人
Python python
Python入门-pip安装安装pip命令python-mpipinstall--upgradepip如果失败可能是环境变量问题,见安装Python,配置环境变量pipinstall-ihttps://pypi.tuna.tsinghua.edu.cn/simple模块名称示例:pipinstall-ihttps://pypi.tuna.tsinghua
python项目实战之基于深度学习的电影评论情感分析系统
什么任性
python 深度学习 开发语言 django flask html5 javascript
一、引言在信息爆炸的时代,用户生成的内容(UGC)如社交媒体、博客和论坛上的评论等,已经成为产品或服务口碑的重要来源。情感分析是一种自然语言处理(NLP)技术,用于识别和提取文本中的情感信息,从而理解大众对特定话题的态度。基于深度学习的电影评论情感分析系统能够自动分类评论的情感倾向,如正面、负面或中性,为电影制片人、营销人员和观众提供有价值的见解。二、技术栈和框架前端HTML/CSS:用于构建静态
ASP.NET Core消息队列RabbitMQ基础入门实战演练
阿笨NET
跟着阿笨一起玩NET ASP.NET Core ASP.NET Core消息队列 ASP.NET Core RabbitMQ .NET Core视频教程 ASP.NET Core视频课程
一、课程介绍人生苦短,我用.NETCore!消息队列RabbitMQ大家相比都不陌生,本次分享课程阿笨将给大家分享一下在一般项目中99%都会用到的消息队列MQ的一个实战业务运用场景。本次分享课程不是零基础教学,课程内容的侧重点是讲解的RabbitMQ的最实用、最简单的实战运用场景:Publish/Subscrib(发布/订阅)模式,发送端发送消息,单个接收端接收处理消息。学完本次"是猴子都看的懂的
ASP.NET Core 入门教学十五 异步编程
充值内卷
asp.net 后端
在ASP.NETCore中,异步编程是一种非常重要的技术,它可以提高应用程序的性能和响应能力。本教程将介绍如何在ASP.NETCore中使用异步编程。1.异步编程基础异步编程允许程序在等待某些操作(如I/O操作)完成时继续执行其他任务,而不是阻塞整个线程。这可以显著提高应用程序的性能,特别是在处理大量并发请求时。2.使用async和await在C#中,async和await关键字用于实现异步编程。
ASP.NET Core 入门教学十六 防止常见的Web攻击
充值内卷
asp.net 前端 后端
在ASP.NETCore中,防止常见的Web攻击是非常重要的,以确保应用程序的安全性。以下是一些常见的Web攻击类型及其防范措施:1.跨站脚本攻击(XSS)跨站脚本攻击(XSS)是一种通过在网页中注入恶意脚本来攻击用户的浏览器的技术。为了防止XSS攻击,可以采取以下措施:输入验证:对用户输入进行严格的验证和清理。输出编码:在将用户输入的数据插入到HTML页面中时,进行适当的编码。ASP.NETCo
从JavaScript入门Go二
谁点的猪脚饭
go javascript golang 开发语言
前情提要上一章我们初步运行了go,写了一些简单的函数,这章我们重点讲一下变量和函数。因为之前有点忙,一直没有空更,现在空闲下来了,给大家更新一下入门的第二章。PS:没看过的第一章的小伙伴,可以进入下面的链接查看从JavaScript入门Go一Go中的变量首先我们来明确一下变量是什么,变量是用来存储数据的标识符,可以存储各种类型的数据,包括数字、字符串、数组、JSON等。其本质就是为数据分配内存空间
ASP.NET Core 入门教学八 集成RocketMQ消息队列
充值内卷
asp.net rocketmq 后端
在ASP.NETCore中集成RocketMQ消息队列,你需要遵循以下步骤:1.安装RocketMQ客户端库首先,你需要在你的ASP.NETCore项目中安装RocketMQ的.NET客户端库。你可以使用NuGet包管理器来完成这个任务。在VisualStudio中,右键点击你的项目,选择“管理NuGet程序包”,然后搜索并安装Apache.RocketMQ.Client包。2.配置RocketM
matlab初等变换函数,线性代数实践及 MATLAB 入门(2005年10月)
weixin_39861905
matlab初等变换函数
出版时间:2005-10-1作者:陈怀琛,龚杰民编著出版社:电子工业出版社程序集名为dsk05,课件名bk05课件内容简介本书是根据“用软件工具提高线性代数教学”的指导思想,参照美国1992—1997国家科学基金项目ATLAST的思路,编写成的线性代数补充教材,其目的是补充我国现有教材的的缺陷。它分为两篇,第一篇介绍线性代数所用的软件工具MATLAB语言,它可以作为教材,也可以作为手册使用;第二篇
StarRocks Lakehouse 快速入门——Apache Paimon
StarRocks_labs
数据库 大数据 数据分析 数据湖 湖仓一体 Paimon flink
StarRocksLakehouse快速入门指南为您提供了湖仓技术概览,旨在帮助您迅速掌握其核心特性、独特优势和应用场景。本指南将指导您如何高效地利用StarRocks构建解决方案。文章末尾,我们集合了来自阿里云、饿了么、喜马拉雅和同程旅行等行业领导者在StarRocksxPaimonStreamingLakehouse活动中的实战经验分享。通过这些真实案例,您可以更直观地了解如何在实际应用中发挥
chapter01 Java语言概述 知识点Note
月下绯烟
Java java 开发语言
JavaSEJavaEEJavaME大数据Java基础常用技术栈mysqlJDBCSSMspring+springmvc+mybatisLinuxnacosHadoopFlinkJAVAEE消息队列rabbitMQdocker数据库redisspringbootspringcloudsshstruts+spring+hibernate过时技术栈很少用JAVA虚拟机jvm分布式微服务高并发常见dos
JavaScript - Api学习 Day1(WebApi、操作DOM对象)
你会魔法吗✧(≖ ◡ ≖✿)
HTML+CSS+JS javascript 学习 开发语言
应用编程接口(API)是编程语言中提供的结构,允许开发者更轻松地创建复杂的功能。、webapi是一套操作网页内容(DOM)与浏览器窗口(BOM)的对象Js由ECMAScript、DOM、BOM三个部分组成。文章目录零、前言0.1变量声明壹、WebAPI的认识1.1作用1.2什么是DOM1.3什么是DOM对象主要概念:示例代码:二、获取DOM对象2.1根据CSS选择器获取DOM元素2.1.1`que
GraphRAG入门:基本概念、应用场景及学习方法
学习中的程序媛~
学习方法
一、GraphRAG的用途是什么GraphRAG用于复杂信息分析,适合处理跨文档、有噪音或主题抽象的数据.二、GraphRAG能做什么GraphRAG能连接大量信息,回答普通难搜索难以解答的问题.她可以回答跨文档的问题,也能总结数据集的主要主题.三、GraphRAG的特点1.知识图谱提取:使用llm自动从输入文本文档中创建知识图谱,表示数据中的实体、关系和关键声明2.层次聚类使用leiden技术对
中小学生,英语水平到什么程度才叫好?
英语老师洪泽荣
任何学生都要有测评,有结果才能清楚学生所学习的效果如何。那有没有一个公认的权威考试来检测孩子的学习水平呢?还真有,就是今天要介绍的剑桥英语考试,它是英国剑桥大学考试委员会根据欧洲委员会制定的语言教学大纲设计的英语作为外国语的五级系列考试。剑桥英语五级证书考试(MSE)共分为五个级别:第一级,入门水平:英语入门考试(keyEnglishTest,缩略为KET);第二级,初级水平:初级英语考试(Pre
JDBC介绍及案例
都没了
java
一、JDBC概述概念:JavaDataBaseConnectivityJava数据库连接,Java语言操作数据库JDBC本质:官方(sun公司)定义的一套操作所有关系型数据库的规则,即接口。各个数据库厂商去实现这套接口,提供数据库驱动jar包。我们可以使用这套接口(JDBC)编程,真正执行的代码是驱动jar包中的实现类。快速入门:步骤:①导入驱动jar包mysql-connector-java-5
Ollama教程——深入解析:使用LangChain和Ollama构建JavaScript问答系统
walkskyer
ollama入门教程 langchain javascript 开发语言 ollama AI
ollama入门系列教程简介与目录相关文章:Ollama教程——入门:开启本地大型语言模型开发之旅Ollama教程——模型:如何将模型高效导入到Ollama框架Ollama教程——兼容OpenAIAPI:高效利用兼容OpenAI的API进行AI项目开发Ollama教程——使用LangChain:Ollama与LangChain的强强联合Ollama教程——生成内容API:利用Ollama的原生AP
2020-12-05
幸福大黑鸭
IT1.LeetCode:存在重复元素Java编写2020-12-05(217.存在重复元素)2.《Java从入门到精通》明日科技:P331~335阅读记xmind笔记,并自己实现实例。知识点之前确实都学过,但还是再系统复习一下吧。3.《Semantic-awareWorkflowConstructionandAnalysisforDistributedDataAnalyticsSystems》:
画狐手游好玩吗值得玩吗 画狐手游新手攻略大全
诸葛村夫123
画狐手游:新手攻略助您轻松入坑手游界的新晋热门游戏画狐已经吸引了大量玩家的关注。这款游戏获林正英正版授权,游戏内容令人充满期待。本文将作为《画狐》手游新手入门指南,探讨游戏的各个方面,以帮您更轻松地尝试并深入体验游戏内容。而对于很多游戏来说,其实攻略只是次要的,要么氪金,要么有特殊账号【如内部福利号】,这就是当前国内游戏环境的现状,本期小编也来聊聊其中秘史:其实在大多数游戏中,在精通攻略都是玩不过
2024年Linux最新快速入门SaltStack_saltstack基本使用
前端核心技术
程序员 linux saltstack 服务器
yum -y install salt-masterservice salt-master start注:需要iptables开启master端4505、4506端口安装被管理端yum -y install salt-minionsed -i 's@#manster:.\*@manster: master\_ipaddress@' /etc/salt/minion #master\_ipaddr
给Java新手的一些建议——Java知识点归纳(Java基础部分)
灬佐手边
写这篇文章的目的是想总结一下自己这么多年来使用java的一些心得体会,主要是和一些java基础知识点相关的,所以也希望能分享给刚刚入门的Java程序员和打算入Java开发这个行当的准新手们,希望可以给大家一些经验,能让大家更好学习和使用Java。image.png主要内容为J2SE相关的部分,经过这么多年的Java开发,以及结合平时面试Java开发者的一些经验,我觉得对于J2SE方面主要就是要掌握
sap 项目总结
weixin_34405332
测试
SAP项目实施总结(转)项目还没结束,但很多经验已经可以开始总结了。对于这个项目,不完善的地方有很多,有我们自己的问题,也有用户的问题。从顾问自己的角度去看――我们可以做的更好。我们的SAP的项目包括以下的部分:项目前期调研SAP产品入门培训企业需求确定(蓝图)系统配置顾问内部测试用户操作培训用户单元测试用户集成测试项目最终培训系统交付与支持从我参与的情况来看,有几个部分是需要所有SAP实施顾问尤
java责任链模式
3213213333332132
java 责任链模式 村民告县长
责任链模式,通常就是一个请求从最低级开始往上层层的请求,当在某一层满足条件时,请求将被处理,当请求到最高层仍未满足时,则请求不会被处理。
就是一个请求在这个链条的责任范围内,会被相应的处理,如果超出链条的责任范围外,请求不会被相应的处理。
下面代码模拟这样的效果:
创建一个政府抽象类,方便所有的具体政府部门继承它。
package 责任链模式;
/**
*
linux、mysql、nginx、tomcat 性能参数优化
ronin47
一、linux 系统内核参数
/etc/sysctl.conf文件常用参数 net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目
net.core.rmem_max = 8388608 #SOCKET读缓存区大小
net.core.wmem_max = 8388608 #SOCKET写缓存区大
php命令行界面
dcj3sjt126com
PHP cli
常用选项
php -v
php -i PHP安装的有关信息
php -h 访问帮助文件
php -m 列出编译到当前PHP安装的所有模块
执行一段代码
php -r 'echo "hello, world!";'
php -r 'echo "Hello, World!\n";'
php -r '$ts = filemtime("
Filter&Session
171815164
session
Filter
HttpServletRequest requ = (HttpServletRequest) req;
HttpSession session = requ.getSession();
if (session.getAttribute("admin") == null) {
PrintWriter out = res.ge
连接池与Spring,Hibernate结合
g21121
Hibernate
前几篇关于Java连接池的介绍都是基于Java应用的,而我们常用的场景是与Spring和ORM框架结合,下面就利用实例学习一下这方面的配置。
1.下载相关内容: &nb
[简单]mybatis判断数字类型
53873039oycg
mybatis
昨天同事反馈mybatis保存不了int类型的属性,一直报错,错误信息如下:
Caused by: java.lang.NumberFormatException: For input string: "null"
at sun.mis
项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space
程序员是怎么炼成的
eclipse jvm tomcat catalina.sh eclipse.ini
在启动比较大的项目时,因为存在大量的jsp页面,所以在编译的时候会生成很多的.class文件,.class文件是都会被加载到jvm的方法区中,如果要加载的class文件很多,就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space.
解决办法是点击eclipse里的tomcat,在
我的crm小结
aijuans
crm
各种原因吧,crm今天才完了。主要是接触了几个新技术:
Struts2、poi、ibatis这几个都是以前的项目中用过的。
Jsf、tapestry是这次新接触的,都是界面层的框架,用起来也不难。思路和struts不太一样,传说比较简单方便。不过个人感觉还是struts用着顺手啊,当然springmvc也很顺手,不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主
spring里配置使用hibernate的二级缓存几步
antonyup_2006
java spring Hibernate xml cache
.在spring的配置文件中 applicationContent.xml,hibernate部分加入
xml 代码
<prop key="hibernate.cache.provider_class">org.hibernate.cache.EhCacheProvider</prop>
<prop key="hi
JAVA基础面试题
百合不是茶
抽象实现接口 String类 接口继承 抽象类继承实体类 自定义异常
/* * 栈(stack):主要保存基本类型(或者叫内置类型)(char、byte、short、 *int、long、 float、double、boolean)和对象的引用,数据可以共享,速度仅次于 * 寄存器(register),快于堆。堆(heap):用于存储对象。 */ &
让sqlmap文件 "继承" 起来
bijian1013
java ibatis sqlmap
多个项目中使用ibatis , 和数据库表对应的 sqlmap文件(增删改查等基本语句),dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中,其它项目工程中通过jar包来引用 ,并通过"继承"为基础的sqlmap文件,dao,pojo 添加新的方法来满足项
精通Oracle10编程SQL(13)开发触发器
bijian1013
oracle 数据库 plsql
/*
*开发触发器
*/
--得到日期是周几
select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual;
select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual;
--建立BEFORE语句触发器
CREATE O
【EhCache三】EhCache查询
bit1129
ehcache
本文介绍EhCache查询缓存中数据,EhCache提供了类似Hibernate的查询API,可以按照给定的条件进行查询。
要对EhCache进行查询,需要在ehcache.xml中设定要查询的属性
数据准备
@Before
public void setUp() {
//加载EhCache配置文件
Inpu
CXF框架入门实例
白糖_
spring Web 框架 webservice servlet
CXF是apache旗下的开源框架,由Celtix + XFire这两门经典的框架合成,是一套非常流行的web service框架。
它提供了JAX-WS的全面支持,并且可以根据实际项目的需要,采用代码优先(Code First)或者 WSDL 优先(WSDL First)来轻松地实现 Web Services 的发布和使用,同时它能与spring进行完美结合。
在apache cxf官网提供
angular.equals
boyitech
AngularJS AngularJS API AnguarJS 中文API angular.equals
angular.equals
描述:
比较两个值或者两个对象是不是 相等。还支持值的类型,正则表达式和数组的比较。 两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项:
两个值或者对象能通过=== (恒等) 的比较
两个值或者对象是同样类型,并且他们的属性都能通过angular
java-腾讯暑期实习生-输入一个数组A[1,2,...n],求输入B,使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1]
bylijinnan
java
这道题的具体思路请参看 何海涛的微博:http://weibo.com/zhedahht
import java.math.BigInteger;
import java.util.Arrays;
public class CreateBFromATencent {
/**
* 题目:输入一个数组A[1,2,...n],求输入B,使得数组B中的第i个数字B[i]=A
FastDFS 的安装和配置 修订版
Chen.H
linux fastDFS 分布式文件系统
FastDFS Home:http://code.google.com/p/fastdfs/
1. 安装
http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html
安装libevent (对libevent的版本要求为1.4.
[强人工智能]拓扑扫描与自适应构造器
comsci
人工智能
当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢?
那么,现在我们必须设计新的模块和代码包来处理上面的问题
oracle merge into的用法
daizj
oracle sql merget into
Oracle中merge into的使用
http://blog.csdn.net/yuzhic/article/details/1896878
http://blog.csdn.net/macle2010/article/details/5980965
该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中,使用此命令必须同时指定UPDATE 和INSE
不适合使用Hadoop的场景
datamachine
hadoop
转自:http://dev.yesky.com/296/35381296.shtml。
Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候,会听到脱口而出的回答:Hadoop! 实际上Hadoop被设计和建造出来,是用来解决一系列特定问题的。对某些问题来说,Hadoop至多算是一个不好的选择,对另一些问题来说,选择Ha
YII findAll的用法
dcj3sjt126com
yii
看文档比较糊涂,其实挺简单的:
$predictions=Prediction::model()->findAll("uid=:uid",array(":uid"=>10));
第一个参数是选择条件:”uid=10″。其中:uid是一个占位符,在后面的array(“:uid”=>10)对齐进行了赋值;
更完善的查询需要
vim 常用 NERDTree 快捷键
dcj3sjt126com
vim
下面给大家整理了一些vim NERDTree的常用快捷键了,这里几乎包括了所有的快捷键了,希望文章对各位会带来帮助。
切换工作台和目录
ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置
o 在已有窗口中打开文件、目录或书签,并跳
Java把目录下的文件打印出来
蕃薯耀
列出目录下的文件 文件夹下面的文件 目录下的文件
Java把目录下的文件打印出来
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年7月11日 11:02:
linux远程桌面----VNCServer与rdesktop
hanqunfeng
Desktop
windows远程桌面到linux,需要在linux上安装vncserver,并开启vnc服务,同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。
linux远程桌面到windows,需要在linux上安装rdesktop,同时开启windows的远程桌面访问。
下面分别介绍,以windo
guava中的join和split功能
jackyrong
java
guava库中,包含了很好的join和split的功能,例子如下:
1) 将LIST转换为使用字符串连接的字符串
List<String> names = Lists.newArrayList("John", "Jane", "Adam", "Tom");
Web开发技术十年发展历程
lampcy
android Web 浏览器 html5
回顾web开发技术这十年发展历程:
Ajax
03年的时候我上六年级,那时候网吧刚在小县城的角落萌生。传奇,大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩,然后接下来的一个小时我一直在,注,册,账,号。
彼时网吧用的512k的带宽,注册的时候,填了一堆信息,提交,页面跳转,嘣,”您填写的信息有误,请重填”。然后跳转回注册页面,以此循环。我现在时常想,如果当时a
架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好)
nannan408
buffer
1.前言。
如题。
2.代码。
IoService
IoService是一个接口,有两种实现:IoAcceptor和IoConnector;其中IoAcceptor是针对Server端的实现,IoConnector是针对Client端的实现;IoService的职责包括:
1、监听器管理
2、IoHandler
3、IoSession
ORA-00054:resource busy and acquire with NOWAIT specified
Everyday都不同
oracle session Lock
[Oracle]
今天对一个数据量很大的表进行操作时,出现如题所示的异常。此时表明数据库的事务处于“忙”的状态,而且被lock了,所以必须先关闭占用的session。
step1,查看被lock的session:
select t2.username, t2.sid, t2.serial#, t2.logon_time
from v$locked_obj
javascript学习笔记
tntxia
JavaScript
javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number:就是数字值,包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象,不用多说function:我们熟悉的方法,也就是
Java enum的用法详解
xieke90
enum 枚举
Java中枚举实现的分析:
示例:
public static enum SEVERITY{
INFO,WARN,ERROR
}
enum很像特殊的class,实际上enum声明定义的类型就是一个类。 而这些类都是类库中Enum类的子类 (java.l