CSS
关注
分享
扫一扫
文章平均质量分 58
梦凝哲雪
这个作者很懒，什么都没留下…
展开
-
CSS操纵元素的禁用和启用
通常表单控件都会有属性对元素进行只读、禁用等操作。而有时候我们想要div也达到类似效果，可以用CSS样式进行控制。原创 2023-12-20 21:19:43 · 1319 阅读 · 0 评论 -
网页小图标和文字混排时如何对齐基准线
最近项目中使用到了在表格中显示文字前面附加一个icon但是在html中，并列的图片和文字在页面显示的时候图片总是比文字靠上此时需使用到了CSS vertical-align 属性 , 让文字和icon能在一条水平线上 .实现效果：img{ /*vertical-align:text-top; 文字与图片对齐 */ margin-bottom:-5px;/* 需要自己计算后对比效果 */}属性介绍baseline 默认。元素放置在父元素的基线上。sub 垂直对齐文本的下标。sup原创 2021-08-23 11:37:19 · 880 阅读 · 0 评论 -
P标签无法嵌套块级标签
问题：今天发现使用P标签的后代选择器的时候，样式怎么都加载不了，导致页面无法渲染成功？但是使用其他标签的又没有任何问题？说明CSS的样式代码是正确的代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>P标签的嵌套</title> <style type="text/css"> /* 1.继承：子元素能继承父元素的一些特原创 2020-11-08 22:29:21 · 479 阅读 · 0 评论 -
CSS命名和书写规范
CSS书写规范：选择器名和{大括号之间必须空格（p {})属性名与之后的：之间不允许空格，：与属性值之间必须空格p{font-size:空格20px;}并集选择器的每个选择器声明必须单独占一行。选择器的嵌套应不大于三层，应该尽可能用少的语言 更精准的描述good： .nav ul li{}bad: .nav .note ul li div span a{ }属性的定义必须另起一行属性的定义必须以分好结尾CSS命名规范W3C要求In CSS, identifiers (incl原创 2020-07-31 22:24:46 · 442 阅读 · 0 评论 -
HTML界面英文无法自动换行的解决办法
源代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ border: 1px solid skyblue; width: 200px; height: 200px; /*word-break:break-all;解决方案*/ } <原创 2020-07-18 22:29:54 · 1194 阅读 · 0 评论 -
CSS浏览器前缀兼容写法
CSS浏览器前缀兼容写法Vendor prefix—浏览器引擎前缀，是一些放在CSS属性前的小字符串，用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。谷歌浏览器和 Safari浏览器使用的是WebKit渲染引擎，火狐浏览器使用的是Gecko引擎，Internet Explorer使用的是Trident引擎，Opera以前使用Presto引擎，后改为WebKit引擎。一种浏览器引擎里一般...转载 2020-03-18 10:31:27 · 884 阅读 · 0 评论 -
CSS3案例-心潮澎湃
这里主要利用了CSS3的Animation和Transform的scale缩放特效代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>心跳-动画</title> <style> img{ width: 400px...原创 2020-03-10 18:05:22 · 188 阅读 · 0 评论 -
响应式布局-媒体查询@media
生活中各种尺寸的屏幕百花齐放定义使用 @media 查询，你可以针对不同的媒体类型（简单理解屏幕尺寸）定义不同的样式。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。特别是如果你需要设置设计响应式的页面，@media 值得拥有强调 容易混淆max-width 媒体类型小于或等于指定的宽度时，样式生效min-width 媒体类型大于或等于指定的宽度时，样式生...原创 2020-03-10 17:25:46 · 366 阅读 · 0 评论 -
CSS实现水平垂直居中的10种方式
原文网址：http://yanhaijing.com/css/2018/01/17/horizontal-vertical-center/原文作者：@颜海镜，他的博客http://yanhaijing.com（支持原创请访问原文） 10种水平垂直居中对齐方式（史上最全）划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了image要实现上...转载 2019-08-01 12:05:10 · 255 阅读 · 0 评论 -
input标签在各浏览器下的兼容问题
转载：http://www.jiangweishan.com/article/input-text-in.htmlinput输入框在各浏览器下的兼容问题比较普遍，也比较头疼，例如在搜索输入框、表单里input输入框、选择按钮与文字混排等等，现象：会出现高度以及不对齐的问题今天就简单介绍下以及处理方法：input标签在各浏览器里默认高度和宽度：当input标签在type为text时，在F...转载 2019-08-01 08:57:43 · 1781 阅读 · 0 评论 -
12个HTML和CSS必须知道的重点难点问题
作者：暮 色原文：https://blog.csdn.net/infotw/article/details/95062269这12个问题，基本上就是HTML和CSS基础中的重点难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。这12个知识点是我个人认为的，下面我们就来看看这12个知识点。1.怎么让一个不定宽...转载 2019-07-16 19:45:50 · 122 阅读 · 0 评论 -
CSS样式的书写顺序及原理——很重要！
记得刚开始学习前端的时候，每次写css样式都是用到什么就在样式表后添加什么，完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来逐渐才知道正确的样式顺序不仅易于查看，并且也属于css样式优化的一种方式。那么是怎么个顺序呢？（1）定位属性：position display float left top right bottom overflow clear z-inde...转载 2019-07-08 12:53:07 · 536 阅读 · 0 评论 -
CSS选取第几个标签元素：nth-child、first-child、last-child
1、first-childfirst-child表示选择列表中的第一个标签。代码如下：li:first-child{background:#090}上面的意思是，li 列表中的 第一个li模块的背景颜色。2、last-childlast-child表示选择列表中的最后一个标签，代码如下：li:last-child{background:#090}3、nth-child(3)表示选择...转载 2019-06-19 21:55:49 · 1252 阅读 · 0 评论 -
CSS中常见中文字体的英文名称
我们在给HTML元素设置字体的时候经常会有类似 “ font-family:”微软雅黑”, “黑体” ” 这样的写法，尤其是在使用Dreamweaver、Aptane这些IDE的时候，更是会因为自动代码提示，而一键回车了事。当然，这样的写法在国内应该是很少会遇到问题，但是如果你所工作页面是面向多语言用户的，那么这段中文的font-family就极有可能因为字符编码的问题，产生乱码，浏览器无法解析...转载 2019-06-19 15:59:25 · 656 阅读 · 0 评论 -
常用的HTML和CSS content属性特殊字符归纳
载：https://blog.csdn.net/zx562602419/article/details/81020342 今天研究伪类和伪元素时，需要用到CSS的content属性，加入一些特殊字符来实现网页效果。但是特殊字符那么多，怎么可能记得住，所以谷歌百度搜索之后找到了一个比较全的博文已经进行归纳备忘，为了和我有相同需...转载 2019-03-27 19:51:36 · 2379 阅读 · 0 评论 -
CSS中控制鼠标指针形状的属性cursor
最常用的鼠标指针变成小手形： cursor:pointer css鼠标手型cursor中hand与pointerExample：CSS鼠标手型效果 CSS鼠标手型效果Example：CSS鼠标手型效果 CSS鼠标手型效果注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。Example：CSS鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果Exam...原创 2019-04-01 11:37:11 · 686 阅读 · 0 评论 -
CSS绝对定位与相对定位的区别？
百度问答:https://zhidao.baidu.com/question/298189316.htmlDIV CSS中的绝对定位和相对定位的区别，我从网上看了好多，都没个详细的说法，其实也不用搞到那么复杂的。先说相对定位：跟它的名一样，相对嘛，要有一个参照物，但这个参照不是别的，是它自己呢，也就是说没设相对定位的位置，那你会问了，设没设都在那个位置为什么要设呢，因为只有设置了才能使 TOP...转载 2019-03-12 16:05:41 · 230 阅读 · 0 评论