CSS
-
pc版Web聊天界面+代码分享（HTML+CSS）
pc版Web聊天界面+代码分享（HTML+CSS）不会写前端的测试，不是好测试。抓紧写完用例后划水写了个聊天界面，样式纯高仿tx的扣扣该例子还在更新中，因为内容比较少，当时也没有想到要上传博客，并没有标明注释。如果看的人比较多，我在加些注释。本eg包含英文为初中水平，请大胆阅读。HTML代码：<!doctypehtml><htmllang=”en”><head><m…
-
CSS3弹性盒子flex布局
CSS3弹性盒子flex布局弹性盒子flex布局，弹性盒子，盒子模型
-
HTML/CSS 常见面试题汇总
HTML/CSS 常见面试题汇总HTML面试题1、<image>标签上title属性与alt属性的区别是什么？alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户等。title属性为设置该属性的元素提供建议性的信息。使用ti…
-
CSS文字居中和盒子居中的使用区别
CSS文字居中和盒子居中的使用区别CSS文字居中和盒子居中的区别文字居中：text-align:center;盒子居中：margin：0auto;
-
css translate 坐标,CSS3 位移转换 translate3d()translatez()应用实例
css translate 坐标,CSS3 位移转换 translate3d()translatez()应用实例CSS3转换中的对象(div、ulli等)位移变换分为2d与3d两种情况，2d即对象在平面中移动，3d即对象在空间中移动；2d的平移在前面的文章中已经介绍过，本篇介绍3d的情况，与2d不同的是多一个Z坐标轴。由于translate3d要用到translatez，所以在介绍它之前需要先了解translatez。下面先介绍translatez和translate3d的语法规则，再分别分享一个…
-
div半透明 css属性
div半透明 css属性[b]filter:alpha(opacity=30);opacity:0.3;[/b]
-
CSS鼠标样式【cursor】
CSS鼠标样式【cursor】cursor:hand;手型cursor:pointer;手型cursor:auto;由系统自动给出cursor:crosshair;十字型cursor:text;I字形cursor:wait;等待cursor:default;默认cursor:e-resize;向右的箭头cursor:ne-resize;向右上箭头cursor:n-resize;向上箭头cursor:nw-resize;向左上箭头cursor:w-resize;向左箭头cursor:sw-resize;向坐下箭头
-
CSS Grid 布局完全指南(图解 Grid 详细教程)
CSS Grid 布局完全指南(图解 Grid 详细教程)CSSGrid布局完全指南(图解Grid详细教程)转自：https://www.html.cn/archives/8510/CSSGrid布局是CSS中最强大的布局系统。与flexbox的一维布局系统不同，CSSGrid布局是一个二维布局系统，也就意味着它可以同时处理列和行。通过将CSS规则应用于父元素(成为GridContainer网格容器)和其子元…
-
css背景图片半透明效果
css背景图片半透明效果css设置背景色半透明效果，参数background:rgba（x,x,x,x）最后一个a表示半透明，取值是0-1
-
css样式RGBA 透明度
css样式RGBA 透明度正常input显示为白色 /*将文本透明*/ background:rgba(255,255,255,0.11);.new-account-forminput[type="text"], .new-account-forminput[type="password"]{ outline:none; font-size:14px; letter-spacing:1px; …
-
利用css做导航栏,利用CSS制作导航栏
利用css做导航栏,利用CSS制作导航栏导航栏是一个网站不可或缺的一部分,它可以让网站的层次结构以一种有条理的方式清晰展示，并引导用户毫不费力地找到并管理信息，让用户在浏览网站过程中不至迷失。基于初学者对css各种属性的综合运用还不是很熟练，小编今天就教大家怎样利用CSS各种属性制作导航栏。首先我们来看一些简单的导航栏效果:一、导航栏的基础代码导航栏基本上是一个链接列表，因此使用ul和li元素是非常合适的。我们先看一下基础代码:运行效果…
-
css嵌入样式元素,css伪元素怎么用在内嵌样式？
css嵌入样式元素,css伪元素怎么用在内嵌样式？css伪元素可以直接在内嵌样式中使用，使用语法为：<style>选择器:pseudo-element{属性名:属性值;}</style>。然后直接通过选择器即可使用伪元素。伪元素是创造关于文档语言能够指定的文档树之外的抽象。例如文档语言不能提供访问元素内容第一字或者第一行的机制。伪元素允许设计师引用它们，否则这是难以办到的。伪元素还提供样式设计师给在源文档中不存在的内容分配…
-
css flex布局超长自动换行
css flex布局超长自动换行要创建一个flex容器，只需要将一个display:flex属性添加到一个元素上。默认情况下，所有的直接子元素都被认为是flex项，并从左到右依次排列在一行中。如果flex项的宽度总和大于容器，那么flex项将按比例缩小，直到它们适应flex容器宽度演示：找一个页面敲击f12，找到div内多个div的元素组合，声明flex并width：900px;给予定宽好让后面实践自动换行的功能同样的：通过控制台的css进行样式的调整，如下得到：很明显，印证了.
-
css伪类选择器
css伪类选择器链接伪类选择器、结构伪类选择器、目标伪类选择器
-
css代码应该放html哪里,html中css代码可以放在哪里
css代码应该放html哪里,html中css代码可以放在哪里html中css代码可以放在哪里发布时间：2021-05-2114:41:26来源：亿速云阅读：83作者：小新这篇文章主要介绍html中css代码可以放在哪里，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！在html中，css代码可以直接利用style属性，放到html标签中，语法“内容标签名>”；也可以使用style标签把css代码集中写在HTML文档的head头部…
-
css 换行控制
css 换行控制web页面制作过程中经常有控制内容换行的需求，想让内容自动换行，不自动换行，显示滚动条等，在此总结一下css关于内容换行的相关样式：white-space:normal|nowrap|pre#控制折行的表现。折行；不折行；保留一切特殊字符，类似&lt;pre&gt;标签word-wrap:normal|break-word#控制自动添加折行的方式。按单词折行…
-
HTML5+CSS3学习总结(完结)
HTML5+CSS3学习总结(完结)一、HTML5的语义化二、CSS3动画三、CSS3阴影四、CSS3过渡(非常重要)五、弹性布局六、栅格布局七、渐变八、媒体查询
-
css文字两端对齐
css文字两端对齐最近在工作项目中接触到Web界面设计的问题，要实现文字两端对齐的效果。在网上搜索了一下，差不多都是用的都是类似的技巧：text-align:justify;text-justify:inter-ideograph;后来，终于在StackOverflow上找到解决方法了。样式：div.justify{text-align:justify;width:200px;font-size:15px;color:red;border:1pxsolidblue;height:18px;.
-
居中小圆点html,css：li中的list-style小圆点和文字没有居中对齐的解决办法
居中小圆点html,css：li中的list-style小圆点和文字没有居中对齐的解决办法li的list-style小圆点和文字没有居中对齐？我们开始.ulli{list-style:discinside;}感觉小圆点和文字没有居中对齐(小圆点在偏下一点)，有什么方法使他们居中对齐吗？demo*{padding:0;margin:0;list-style:none;}.list{width:600px;margin:10pxauto;}.listli:before{co…
-
前端——css相对定位，绝对定位，固定定位
前端——css相对定位，绝对定位，固定定位文章目录相对定位position:relative;特性用途绝对定位position:absolute;绝对定位参考点单独盒子绝对定位参考点：父辈元素设置了相对定位，则子元素绝对定位以父辈元素为参考点。绝对定位水平居中固定定位参考点相对定位position:relative; <styletype="text/css"> .box1{ width:200p…
