• Html/CSS相关
  • 96
    位关注
    6
    个提问
    91
    篇博客
热门话题
  • 巴克利
  • 一个页面如何实现根据不同的终端(手机或PC)调用不同的样式
  • 问题:我现在接到一个项目需求,因原来的系统是在电脑端运行的,现在客户想把该系统用手机也能访问,也就是说页面要支持移动端显示,但是用户不想写两套界面,就是想实现同一套代码既能在移动端显示的很好,也能在电脑端显示的很好,用户原来的系统界面大概如
  • Html/CSS相关
    6天前
    22 热度
    1 评论
  • 超威蓝猫
  • 困扰前端的像素相关概念:PPI、DPI、设备像素、独立像素
  • 我相信对于像素,英文「pixel」,缩写「px」,这个概念并不陌生吧,不管是设计师设计图片用的单位 px,还是前端工程师在 css 里面的单位 px等等,很多领域都会用到这个单位,但是当我问他们一些问题的时候,基本上都答得不好。比如: iPhone 6 的分辨率是 750 x 1334 像素,然而我们我们在写 css 的时候是以 375 x 667
  • Html/CSS相关
    2个月前
    226 热度
    0 评论
  • 李凌
  • CSS实现比翼双飞和圣杯布局模型效果
  • 圣杯模型和比翼双飞模型主要的特指1.首先加载的是中间部分,其次是左边,然后是右边 2.中间是自适应,二边是定宽实现方法1.grid 2.margin+float+position:releative父亲加padding 挤进去 3.margin+float+box-size:border-box
  • Html/CSS相关
    2个月前
    216 热度
    0 评论
  • 放羊娃
  • CSS如何根据浏览分辨率的大小动态设置div的宽度?
  • 我现在想实现这样一个效果:当浏览器的宽度小于500像素时,div的宽度设置为100%,当浏览器的宽度大于500像素,小于1360像素时,div的宽度设置为50%(也就是两列显示),当浏览器的宽度大于1360像素时,
  • Html/CSS相关
    2个月前
    188 热度
    2 评论
  • 李白羽
  • css布局中的flex属性的使用
  • 面试官:请你列举一下实现二列布局的方式? 小Z:父div => display:flex 第一个子div 定宽,第二个flex:1 面试官:flex:1 是什么意思?里面有几个属性?属性值是什么?分别代表什么意思? 小Z:。。。 解答: flex三个属性:
  • Html/CSS相关
    2个月前
    227 热度
    1 评论
  • 凯文
  • 谈谈当今前端主流的 CSS in JS 开发方式
  • 传统的“关注点分离”(separation of concerns)原则中不推荐我们把 HTML、CSS、JS 混杂一起编写,但是在伴随着前端组件模式的大潮"关注点混合"慢慢成为主流。这中间经历了什么,让我们来一探究竟。尴尬的CSS. JavaScript 近几年的巨大发展使之成为 Web 技术的
  • Html/CSS相关
    2个月前
    237 热度
    0 评论
  • hen
  • HTML 5 页面 拉起手机中的APP
  • 在Safari浏览器中拉起APP , 在手机没有安装APP的情况下, 页面会弹出提示"无法打开网址, 网址无效"; 请问各路大神 , 这个怎么解决 , 请指点指点
  • Html/CSS相关
    2个月前
    179 热度
    3 评论
  • Artemis
  • 关于超链接的title属性显示时长的问题
  • 我现在做一个PDP的系统,有一个功能是鼠标移动到某个名词的上面,需要显示该名词的详细介绍,为了简单快速完成该功能,我就使用了超链接的title属性,代码如下:<a href="javascript:void(0);" id="btn_CX"
  • Html/CSS相关
    2个月前
    208 热度
    2 评论
  • 马赛克
  • CSS中的!important是什么意思?
  • 最近接了个企业网站的网站升级私包,因鄙人一直以来都是做后端开发的,所以对前端的CSS样式排版之类的不是很清楚,在修改一段css代码时发现有如下一段代码:.tab .title span{ padding:0 !important;},这段代码中的!important是什么意
  • Html/CSS相关
    2个月前
    267 热度
    5 评论
  • 赵睿
  • 写出优雅的前端页面怎能少了规范的命名规范?
  • CSS命名规范(规则)常用的CSS命名规则头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体佈局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:menu子菜单:submenu搜索:sea
  • Html/CSS相关
    2个月前
    236 热度
    0 评论
  • 张勇
  • 抽丝剥茧解开CSS3中的Border属性的外衣
  • 这几天使用border-raduis画了各种形状,顺带归纳了一下CSS中的border属性,本篇笔记中主要涉及的知识点有:1.border属性2.css3新增的3个border属性:border-color、border-radius、border-imageborder属性:语法:border:border-width border-style border-colo
  • Html/CSS相关
    2个月前
    189 热度
    0 评论
  • 变色龙
  • CSS关于盒子的定位和浮动的问题
  • 1、盒子的浮动* CSS 中有一个 float 属性,默认为 none,即标准流。通过设置 float 属性的值为 left 或 right,元素会向其父元素的左侧或右侧靠近,盒子的宽度不再伸展,而是根据盒子里面的内容的宽度来确定。* clear 属性:作用是为了消失由于使用 float 后,浮动的盒子对其他盒子的影响。clear 的值有 left、righ
  • Html/CSS相关
    2个月前
    198 热度
    0 评论
  • 逗比的兔子
  • CSS这样写性能才高
  • 1、解析网页模式和DTD(1)解析网页模式主要有标准模式和怪异模式。怪异模式是为了兼容老式浏览器下的代码,应该避免触发怪异模式,选用标准模式。(2)DTD(Document Type Definition),即文档类型定义,是一种保证 HTML 文档格式正确的有效方法,可以通过比较 HTML 文档和 DTD 文件来看文档是否符合规范,以及元素和标签使用是否正确。(3)按照 W3C 的标准,需要在 HTML 的最开始声明文件的
  • Html/CSS相关
    2个月前
    210 热度
    0 评论
  • 小马哥
  • Div前台显示自动换行和不自动换行的问题
  • 1、无法自动换行* 问题:如果 div 输入的是英文字母且没有空格,会导致英文字母不换行直接在同一行输出,导致 div 的宽度远远超出设定的大小。* 原因:因为在 div 中,英文字母之间没有空格的话,默认为一个英文单词,所以单词就一次输出不换行。* 解决:通过设置 css:word-wrap: break-word; /*自动换行*/2、单行显示* 问题:如果希望 div 输入的字符只在一行中显示,超过设定的大小则
  • Html/CSS相关
    2个月前
    225 热度
    0 评论
  • T-Bag
  • 使用CSS实现将图片长宽设置为相等并且自适应屏幕
  • 在图片长宽不相等的情况下,想将长宽设置为相等并且自适应屏幕,可以通过 js 的方式进行设置并通过监听 resize 来实时更新,但是这种方式很麻烦。这里通过 css 来达到我们想要的效果:HTML:<div class='box'><img src="..."></div>需要添加一个父元素来达到我们的目的。CSS:.box {position: relative;wid
  • Html/CSS相关
    2个月前
    202 热度
    0 评论
  • 三个逗号
  • 关于CSS设置页面背景图的一些疑问
  • 关于背景图片的位置其background-position设置背景图片的位置有两种方式,一种是是根据像素设置,第二种根据百分比设置,第一种根据像素的位置是很简单的,只是关于百分比这个设置理解特别容易出现偏差的,先看看一段简单的代码:.bg-position{background:url(../../public/images/404.jpg) no-repeat;margin-top:100px;margin-left:100
  • Html/CSS相关
    2个月前
    189 热度
    0 评论
  • 曾颖
  • CSS字体设置的一些技巧(行高,加粗,强制换行等)
  • 文本是网页中最重要的一种内容形式,文本几乎可以写在任何地方,块级元素中可以写行内元素中也可以写。文本都是由一个个字符组成的,在css布局中,每一个字符都有一个em框,通常font-size设置的大小就是设置的em框的大小;这样再由这些各个字符的em框串在一起组成的框就是这些文本的内容区。在没有行间距的情况下即line-height为1时,上下两行的内容区是紧紧相连的,此时font
  • Html/CSS相关
    2个月前
    203 热度
    0 评论
  • 北国码农
  • html中文本框的readonly属性和disabled属性的区别
  • 最近公司新来的一个实习生在开发系统时对于文本框的readonly属性和disabled属性两者之间有什么不同一直搞不太清楚,其实这两个东西如果不去深究,简单的使用的话大部分情况下两者还是可以通用的,不过如果对些系统细节要求比较高的情况,两者间的用法还是有不同的。readonly属性规定输入字段为只读。只读字段是不能修改的。不过,用户仍然可以使用tab键切换到该字段,还可以选中或拷贝其文本。readonly只
  • Html/CSS相关
    2个月前
    192 热度
    0 评论
  • 王建栗
  • 详解CSS float属性
  • CSS中的float属性是一个频繁用到的属性,对于初学者来说,如果没有理解好浮动的意义和表现出来的特性,在使用的使用很容易陷入困惑,云里雾里,搞不清楚状态。本文将从最基本的知识开始说起,谈谈关于浮动的应用,出现的问题和解决方案。基础知识float,顾名思义就是浮动,设置了float属性的元素会根据属性值向左或向右浮动,我们称设置了float属性的元素为浮动元素。浮动元素会从普通文档流中脱离,但浮动元素影响的不仅
  • Html/CSS相关
    2个月前
    191 热度
    0 评论
   可能感兴趣的群组
   可能感兴趣的人