图解 CSS (9): 列表
    
        
        
list-style-type     (指定类型)
list-style-image    (指定图片)
list-style-position (指定位置)
list-style          (综合设置)
marker-offset       (不支持)
使用            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-04-30 11:26:36
                            
                                175阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-06 02:17:00
                            
                                184阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            学习笔记,仅供参考,有错必纠文章目录CSSCSS背景背景颜色(color)背景图片(image)背景平铺(repeat)背景位置(positi            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-02 21:26:49
                            
                                107阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 颜色: 单词 RGB:十六进制 0~F RGBA A:透明度 0~1 px:像素 em:字符 text-align: 排版 居 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-15 16:57:00
                            
                                107阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            开本系列,讨论一些有趣的CSS题目,抛开实用性而言,一些题目为了拓宽一下解决问题的思路,此外,涉及一些容易忽视的CSS细节。解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的CSS属性,赶紧去补习一下吧。不断更新,不断更新,不断更新,重要的事情说三遍。有趣的CSS题目(1):左边竖条的实现方法有趣的CSS题目(2):从条纹边框的实现谈盒子模型有趣的CSS题目(3):层叠顺序            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-01-10 16:34:10
                            
                                858阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Html: <input type="range" value="0" [style.--thumb-rotate]="720 * $any(input.value)/100 + 'deg'" #input (input)="0"> CSS: input[type="range"]::-webkit            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-02-17 17:30:00
                            
                                173阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Day9:html和css<head>	<meta charset="UTF-8">	<title></title>	<meta name="description" content="" />	<meta name="Keywords" content=&qu            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-15 14:35:53
                            
                                101阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Day9: 和`css` 案例: 盒子模型布局 1. 会有外边距合并 2. 会影响盒子大小 3. 圆角边框( ) 盒子阴影( ) 浮动( ) 什么是浮动? 指设置了浮动属性的元素会脱离标准标准流的控制 | 属性值 | 描述 | | | | | | 元素向左浮动 | | | 元素向右浮动 | | |            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-01-09 19:35:00
                            
                                104阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            为边框指定宽度有两种方法:可以指定长度值,比如 2px 或 0.1em(单位为 px, pt, cm, em 等),或者使用 3 个关键字之一,它们分别是 thick 、medium(默认            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-17 00:08:34
                            
                                130阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、CSS介绍CSS(Cascading Style Sheets) ,层叠样式表(级联样式表),用于设置HTML页面中的文本内容的字体、大小、对齐方式等,图片的宽高、边框样式、边距等以及页面的布局排版等各种外观显示样式。CSS以HTML为基础,可以针对不同的浏览器设置不同的样式。CSS的出现可以说拯救了我们的页面,让HTML 专注去做结构呈现, 而样式全部交给 CSS来美化。二、语法规则样式规则            
                
         
            
            
            
            IE 9 下的 css 陷阱 今天 Karson 老大的分享。 根据说明 当 css 文件超过一定大小时会被自动截断。 http://ju.outofmemory.cn/entry/168599            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-06-07 20:27:00
                            
                                65阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            CSS三大特性:层叠性,继承性,优先级。 一、层叠性。 相同的选择器设置同属性的样式,值不同。即发生样式层叠冲突。 因此,CSS的原则是:哪个样式离元素最近,就展示哪个样式。 对于这段代码,显示的就是red颜色。 1 <!-- 2 * @Author: invoker 3 * @Github: ht ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-12 21:13:00
                            
                                124阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            css3-9 css中的浮动怎么使用 一、总结 一句话总结:用来做一般的行效果,比如说手机左右分布的头部导航栏。浮动的东西放            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-06-29 10:23:00
                            
                                67阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            CSS3 过渡通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡属性属性描述CSStransition简写属性,用于在一个属性中设置四个过渡属性。3transition-property规定应用过渡的 CSS ...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-30 14:44:47
                            
                                179阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-06-01 16:22:48
                            
                                549阅读