background

超好看的博客园皮肤 Sakura~

(。・∀・)ノ゙嗨,我的博客又更新了! [点这儿点这儿,传送门吖~](https://www.cnblogs.com/hkaren/) 注:网页有时候要刷新一遍才能显示出来哦,不知道为啥🌚 ~~是不是很好看?~~ 但是很多东西还在研究中,所以代码不三不四的,先放上来吧,也欢迎提修改意见哟~ **上代码** ## **css样式** ```css .cnblogs-markdown .hljs { display: block; color: #333; overflow-x: auto; background: #F2F4F5 !important; border: none...

CSS 盒模型

CSS 盒模型 CSS CSS 盒模型 基本概念: 标准模型 + IE模型 标准模型和IE模型的区别 标准模型 IE模型 二者区别,前者的宽度是内容宽度,后者的宽度是内容+内边距+border CSS 如何设置这两种模型 - 标准模型:box-sizing: content-box; - IE模型:box-sizing: border-box; JS 如何设置获取盒模型对应的宽和高 - dom.style.width/height - dom.currentStyle.width/height 仅IE兼容 - window.getComputedStyle(dom).width/height...

H5 分层屏幕适配

转载请注明出处: http://hai.li/2018/03/14/h5-screen-adaptation.html 设计大大,这次真的是 "按设计稿来" 了,因为现在,任何机子都是设计稿标准机! 开发同学,这下你就直接读设计稿标注就好了啦! 屏幕适配 屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain 、 cover 或 fill ,多屏常见是 依宽 。 contain 和 cover 还需要 定位 来处理留白和超出的内容。 而同一个 H5 里不同内容往往用不同适配方式,即 分层 。 优选 CSS 页面加载后 js 往往需要延时至少 70ms 才能获取正确的...

关于css中选择器的小归纳(一)

关于css中选择器的小归纳 一、基本选择器 基本选择器是我们平常用到的最多的也是最便捷的选择器,其中有元素选择器(类似于a,div,body,ul),类选择器(我们在HTML标签里面为其添加的class),ID选择器(与类选择器类似),普遍选择器(*),并且选择器(类似“p.one#first”的写法)和并列选择器(类似“p,.one,#first”的写法) 1.元素选择器 范例: <p>你好,css</p> <div>你好,css</div> css: div{ border:1px solid #ededed; background-color: lightblue; }...

Android简易版图书管理系统

终于完工了,做了半个月,我真是太懒了,记录一下: 准备工作: 1.虚拟器安装搜狗输入法,这样虚拟器就可以输入中文了,步骤: ①网上下载搜狗输入法X86的安装包(可以在以下网址下载) http://www.mdpda.com/app/apk3670941.html ②下载好后。启动虚拟器后直接拖下载的apk文件进去,下载好会显示搜狗输入法的 2.准备好软件的图标,为软件设置一个好看的外观。可以参照以下博主的帖子 https://blog.csdn.net/sinat_41924085/article/details/80514151 一、设置各种界面xml文件 1、activity_main...

nuxt项目小注意点归纳

今天打算重新从头学习nuxt,根据文档来总结一下需要注意的小知识点: 1、 请注意: 从Nuxt 2.0开始,~/alias将无法在CSS文件中正确解析。你必须在url CSS引用中使用~assets(没有斜杠)或@别名,即background:url("~assets/banner.svg") 。 来源:https://www.cnblogs.com/fqh123/p/12818235.html

background用法

当我们遇到这样的题时:能实现背景平铺效果,对应的CSS为div{backgroud-image:url(images/bg.gif);}这样的写法是为正确?我们都会一头雾水,不知是否对,其实它是正确的 因为background-image属性后面只能添加图片路径的属性值,因为他不是复合式写法,不能同时添加平铺属性值。当只添加背景图时,背景图默认平铺,所以今天给大家介绍一下background这个属性,background这个属性呢包含了图片、颜色、定位、大小等 background参数 参数1背景图片的路径 参数2表示的是是否平铺 repeat允许背景图片平铺是默认值 no...

清除浮动的原理详解

清除浮动原因 前端布局用的最多的是float:脱离文档流,浮动起来。浮动的框可以左右移动,直到遇到另一个浮动框或者遇到外边缘的包含框(BCF)。正是因为当元素浮动之后,不会影响块级元素的布局,只会影响内联元素布局,会造成父级元素高度坍塌。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当包含框的高度小于浮动框的时候,此时就会出现<font color=red size=4 >高度塌陷</font>。即为何我们需要清楚浮动。 清除浮动的原理 1、父级div定义伪类:after和zoom <style type="text/css"> .div1{background:#000080...

小丸子成长记---在stylus下用DIV+CSS一步一步打造小丸子

小丸子成长记 程序员没有对象怎么办? --new 一个呀 但是如果没妹妹呢? --跟母猴子生一个呀 哈哈哈,那么怎么用stylus打造一个天真无邪的小丸子呢? 最后效果(一直有种错觉这是旺仔???) 准备工作 npm安装stylus---->npm install -g stylus 在项目目录下新建wanzi.css,wanzi.styl和index,并在html上引入wanzi.css 命令行切换至项目目录 启动live-server实时刷新 -->live-server 启动stylus,监视wanzi.styl--->stylus -w wanzi.styl 构造小丸子整体结构...

02 css3

# 1. css3选择器 # ## 1.1 css3属性选择器 ## 选择符 简介 E[att] 选择具有att属性的元素 E[att= "val"] 选择具有att属性且属性值等于val的E元素 E[att^="val"] 匹配具有att属性、且值以val开头的E元素 E[att$="val"] 匹配具有at属性、且值以val结尾的E元素 E[att*="val"] 匹配具有att属性、且值中含有val的E元 类选择器、属性选择器、伪类选择器 权重为10 ## 1.2 css3结构伪类选择器 ## 用法 选择符 简介 E:first-child 匹配父元素中的第一个子元素E E:last...