QSS样式表的使用

Qt中可以灵活的使用层叠样式表(CSS),其语法和CSS很相似。因为HTML CSS的灵活性,所以可以很方便的为QT界面设计自己需要的外观。除了子类化Style类,使用QT样式表(QStyleSheet)是另一种快速改变QT程序UI风格的方法,它很大程度上借鉴和参考了 HTML层叠样式表的语法和思想。   StyleSheet文件的默认后缀名为qss,可通过命令行参数 -stylesheet
阅读本文

学习记录 11——CSS-文字排版(17/10/15 于成都)

1.文字字体: 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性下面代码实现:为网页中的文字设置字体为宋体。body{font-family:“宋体“;} 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。) 现在一般网页喜欢设置“微软雅黑”
阅读本文

HTML5+CSS3新增内容总结!

说到H5+C3会不会觉得东西好多啊,今天就整理了一份总结性的内容; CSS3选择器有哪些? 属性选择器、伪类选择器、伪元素选择器。 CSS3新特性有哪些? 1.颜色:新增RGBA,HSLA模式 2. 文字阴影(text-shadow、) 3.边框: 圆角(border-radius)边框阴影: box-shadow 4. 盒子模型:box-sizing 5.背景:backgroun
阅读本文

HTML和CSS疑点解析

1,让不定宽高的div,垂直水平居中?父盒子:display:table-cell;text-align:center;vertical-align:middlediv盒子:display:inline-block;vertical-align:middle;2,CSS强制英文、中文换行与不换行 强制英文换行 1. word-break:break-all;只对英文起作用,以字母作为换行依据 2.
阅读本文

转载:HTML/CSS 速写神器:Emmet

在前端开发的过程中,一个最繁琐的工作就是写 HTML、CSS 代码。数量繁多的标签、属性、尖括号、标签闭合等,让前端们甚是苦恼。于是,我向大家推荐 Emmet,它提供了一套非常简单的语法规则,书写起来非常爽快,然后只需要敲一个快捷键就立刻生成对应的 HTML 或 CSS 代码,极大提高了代码书写效率。Sublime TextEclipse/AptanaTextMateCodaEspressoCho
阅读本文

[转]总结一下CSS中的定位 Position 属性

在CSS中,Position 属性经常会用到,主要是绝对定位和相对定位,简单的使用都没有问题,尤其嵌套起来,就会有些混乱,今记录总结一下,防止久而忘之。 CSS position 属性值: absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left“, “top“, “right“ 以及 “bottom“ 属性进行规定。 relativ
阅读本文

html 制作静态页面新知识

1.在区块线边框添加一条水平线例如:<div  style:“height :300px;width:800px;border-bottom: solid 1px orange ;“> //border-bottom: 边境底部 solid  实线  1px 像素为1 orange 颜色为橙色2.在区块中设置背景图片例如:<div style=“ background: url(img/all_b
阅读本文

HTML与标记属性

网站部分:UI:AI、PS  前端:html、css、js  网站:是一个存放在网络服务器上的完整信息的集合体。由域名、空间服务器、网站程序、数据库等组成。由多个网页以一定的方式连接在一起,成为一个整体。首页(index.html):制作首页要突出重点、分类准确、操作简单 网页的三层结构:结构层:html    结构框架表现层:css     美化行为层:js   javascript    实现
阅读本文

CSS(层叠样式表)

CSS层叠样式表是用在标准文档流中的,它的引用方式分为以下三种;  1 使用外部样式表       格式  表示引用外部资源,该代码放在HTML文件中的head标签中,       特点:实现了内容结构与表现形式代码的分离,方便重复使用和维护;     使HTML的代码更加简洁,有利于程序员和搜索引擎的优化。  2 使用内部样式表      格式               (css代码)
阅读本文

CSS层叠和继承

内嵌     id      class    元素内嵌            1         0        0        0id               0         1        0        0class、属性、伪类        0         0        1        0元素、伪元素        0         0
阅读本文

html5-css边框img

div{    width: 500px;    height: 300px;    background: rgb(122,30,60);    border:15px solid black;    /*border-image-source: url(../pic/bg4.jpg);    border-image-slice: 30;    border-image-slice: 30 f
阅读本文

css内容简介(层叠样式表)

根据规范每个元素都有一个display属性,每个元素都有一个------------如div元素他的默认为block。行内元素和块级元素块级元素会占据一块矩形的面积可以设置长宽高等,反之行内元素就不行。块级元素可以嵌套行内元素,反之行内元素就不行。引用css使用外部样式表使用代码引用css,代码为它能够使代码分离,便于维护和使用。使用内部样式表将css编写在HTML文档中,在head标签中书写,代
阅读本文

[HTML] H5移动端知识点总结

一、meta标签  1、控制显示区域各种属性:  meta content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 name=viewport  width:viewport的宽度  height:viewport的高度  initial-scale:初始的缩放比例  minimum-sca
阅读本文

关于CSS浮动原理的探究

本篇主要讲css浮动的原理和css浮动带来的一些问题的探究,主要参考了W3School以及相关博客,再谈一谈自己的理解。 在谈CSS浮动原理前,先讲CSS浮动的两大原则: 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框的排列可以认为浮动框不存在一样 CSS float属性 在CSS中,float属性实
阅读本文

第二章 img+列表标签

一、img img图片格式: - .jpg 最普通的图片格式 - .png 背景透明的图片,可以直接跟页面背景吻合 - .gif 动态图 类似小视频 图片的几大要素: width:宽度(在修改宽度时,若高度不指定,那么高度会随宽度的变化而变化) height:高度(在修改高度时,若宽度不指定,那么宽度会随高度的变化而变化) src:图片加载的路
阅读本文

由CSS浮动、定位引发的对CSS标准流的思考

CSS标准流是一种CSS布局规则。之所以标准,是因为在不使用其它特殊的规则(如浮动、定位)下,CSS所默认的对html各种元素的排列规则。 标准流是指元素会自动从左往右,从上往下的流式排列。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。 在html文档中,CSS将元素分为两大类:块级元素和行内元素。常见的块级元素有div标签 、p 标签等, 常见的行内元素有span标签
阅读本文

bootstrap 框架

bootstrap是什么:是目前很受欢迎的前端框架。bootstrap 史基于html、css、JavaScript的,它简洁灵活使得web开发。是一个css和html框架,规范了html和css。bootstrap 的特点:Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。 Bootstr
阅读本文