HTML和CSS
ShiYadong_
E-Mail:ityadong@163.com
展开
-
CSS自定义滚动条(IE和chrome)
说明许多浏览器对滚动条的样式是不一样的,比IE下和chrome下就好区别很多,而且它们的代码实现也是不一样的 下面就实现一下IE下和chrome下的滚动条样式一、chrome(webkit)下滚动条主要有下面7个属性:1.::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 2.::-webkit-scrollbar-button 滚动条两端的按钮 ...转载 2018-07-26 11:47:02 · 881 阅读 · 0 评论 -
CSS为div添加尖角样式
先来看一下尖角效果一个div,右侧边框的上出现了一个尖角的形状。那么如何来实现这么一个效果呢?1.原理对于一个块级元素,但我们分别将元素的上下左右四个border设置成一个比较大的像素(如10px),样式设置成solid ,分别设置成不同的颜色的时候,同时将元素的width,height设置为0.这时我们将会看到四条边均呈现为三角形的形状。如图:其CSS样式为:.element{ wi...转载 2018-06-07 11:03:46 · 3583 阅读 · 0 评论 -
使用css 实现一个直角箭头
在网页中 我们经常会用到 箭头 如: css代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS实现箭头</title> <style>原创 2018-03-06 09:32:09 · 3133 阅读 · 0 评论 -
关于*.ttf *.otf * .ttc等字体格式转换成我们想要的css文件
最近做一个网页,UI给了很多关于思源黑体的字体文件,每个都有好几兆,并且页面中几乎都要用到,那么字体文件怎么用到网页中呢,给的格式都是*.out格式的,网页好像不支持哦。。。那就使用css3的 @font-fae把CSS3 @font-face 规则在 CSS3 之前,web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3,web 设计师可以使用他们喜欢的任意字体。当您您找到或...原创 2018-03-15 14:06:04 · 16103 阅读 · 1 评论 -
HTML中input和button设置同样高度却不能等高的原因
.text{ height: 45px; width: 180px; background: yellow; } .button{ height: 45px; width: 90px; backgro原创 2017-09-10 17:38:50 · 9859 阅读 · 4 评论 -
当页面加载的时候,未加载出来的图片显示默认图片
onerror 事件会在文档或图像加载过程中发生错误时被触发。当666.jpg 图片资源不存在,加载不出来的时候,就会显示error.jpg原创 2018-01-04 15:24:02 · 8154 阅读 · 0 评论 -
CSS
CSS基础知识1.1基本概念CSS是指层叠样式表(CascadingStyle Sheets);那么,为什么需要用CSS呢?HTML描述了要呈现的内容,而CSS则定义了这些内容的呈现形式,比如字体、颜色等。使CSS能够将页面内容和呈现形式有效分离,有利于分工合作,也有利于快速更换不同的呈现形式。使用样式表可以有三种方式:(1)内联样式 <p ...原创 2017-07-25 19:31:39 · 313 阅读 · 0 评论 -
块级标签和内联标签之间的嵌套规则
随着时间的推移,我们都对HTML有了一定的了解,写代码的时候我们会发现标签之间,有的能嵌套,有的不能嵌套;(1)块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其它内联元素。(2)块级元素不能放在p里面。原创 2017-07-18 21:09:43 · 1759 阅读 · 0 评论 -
CSS 的三大特性
css的三大特性1.继承性2.层叠性3.优先级CSS 哪些属性默认会继承, 哪些不会继承?1:不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、lef原创 2017-07-18 14:47:25 · 292 阅读 · 0 评论 -
CSS基础知识
CSS基础知识1.1基本概念CSS指层叠样式表(CascadingStyle Sheets)为什么需要用CSSHTML描述了要呈现的内容,而CSS则定义了这些内容的呈现形式,比如字体、颜色等。使CSS能够将页面内容和呈现形式有效分离,有利于分工合作,也有利于快速更换不同的呈现形式。 使用样式表可以有三种方式:(1) 内联样式 p style原创 2017-07-12 20:01:50 · 262 阅读 · 0 评论 -
HTML中关于列表标签
HTML列表标签的相关内容.原创 2017-07-10 21:06:23 · 356 阅读 · 0 评论 -
HTML中的列表标签和表单标签
列表标签和表单标签的使用原创 2017-07-08 19:41:18 · 1174 阅读 · 0 评论 -
css中同时使用多个伪元素和伪类
1、例如需要使用:.list-item::after同时也要使用:.list-item:last-child那么需要把最后一个对象的after覆盖掉的话可以这么操作:.list-item:last-child::after{ //write the styles}或者第二个方法:.list-item:last-child { &:after{...原创 2018-09-25 10:46:16 · 16268 阅读 · 0 评论