css
关注
分享
扫一扫
css常见面试题
yaojie.yao
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
让你搞懂十六进制的透明度
1. 十六进制的透明度怎么计算.首先00表示完全透明，FF就则是全不透明，化成十进制的范围就是0~255，举个例子:如何把10%的不透明度转换成十六制呢？很简单，255x10%≈26—>1A, 转换为16进制数为1A懒得算,不碍事往下看↓2. 常用的透明度大全 100% FF 95% F2 90% E6 85% D9 80% CC 75% BF 70% B3 65% A6 60% 99 55% 8C 50% 80 45% 73 40% 66 35% 59 30%原创 2020-11-26 14:57:51 · 8243 阅读 · 0 评论 -
@media判断横竖屏
css @media 如何判断横竖屏代码:@media screen and (orientation: portrait) { /*竖屏 css*/} @media screen and (orientation: landscape) { /*横屏 css*/}例如: 不同状态展示不同颜色div{ width: 100px; height: 100px;}@media screen and (orientation: portrait) { /原创 2020-09-14 10:51:19 · 820 阅读 · 0 评论 -
css 单行文本超出展示省略号
解决方案:以管理员的身份运行你的命令:在需要运行的命令前加上: sudosudo npm install -g cnpm --registry=https://registry.npm.taobao.org报错内容大概如下:npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142npm WARN deprecated h原创 2020-08-31 15:04:47 · 205 阅读 · 0 评论 -
css默认样式清除的库
css默认样式清除的库/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, df原创 2020-06-08 18:50:24 · 1087 阅读 · 1 评论 -
css选择器的优先级
css的优先级常用的选择器排序!important>行内样式>#id>.class>标签(div,p…)权重值详解!important ！权重值无穷大,但也可以计算. 例如div{ color:red !important;}body div{ color:red !important; /* 该权重值就大于上方*/ /* !importa...原创 2020-05-06 16:54:27 · 265 阅读 · 0 评论 -
css实现一个扇形或三角形
css实现一个扇形或三角形css实现三角形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...原创 2020-04-29 12:28:20 · 750 阅读 · 2 评论 -
html行内元素,块级元素,行内块元素,空(void)元素
html行内元素,块级元素,行内块元素,空(void)元素块级元素简单列举div pulollidldddth1~h6sectionheaderfooternav...可以通过css属性 display: block;转换成块元素块元素特征 可以设置宽高 独占一行对margin,padding都有效行内元素简单列举spanaiu...原创 2020-04-29 12:15:11 · 306 阅读 · 0 评论 -
css那些样式可以给子元素继承
css那些样式可以给子元素继承可继承简单列举font-size,font-weight,font-family,line-height,color,cursor,…不可继承继承简单列举不可j继承一般是会改变盒子模型的display,margin,padding,height,width,borderbarder-radiusbox-sizing...原创 2020-04-29 11:55:48 · 550 阅读 · 0 评论 -
响应式布局如何实现
css面试题@响应式布局如何实现1为什么要使用响应式布局响应式布局可以让网站同时适配不同分辨率和不同的手机端，让客户有更好的体验。2如何实现方案一：百分比布局利用对属性设置百分比来适配不同屏幕，注意这里的百分比是相对于父元素； 能够设置的属性有width，、height、padding、margin，其他属性比如border、 font-size不能用百分比来设置的由于没办法对fon...原创 2020-03-14 16:36:55 · 360 阅读 · 0 评论 -
css让一个div绝对居中
css面试题@让一个div绝对居中 <!-- html页面 --><body> <div> </div></body>方法1 /* css */ html,body{ height: 100%; } body{ margin: ...原创 2020-03-14 15:31:56 · 714 阅读 · 0 评论