首页 > 其他分享 >CSS-Learning

CSS-Learning

时间:2024-02-26 11:57:04浏览次数:32  
标签:时用 风格 Learning 利于 CSS 属性

CSS

CSS注释

  • /**/

样式表优先级

  • 行内:<h1 style="color:red;">,属性:值;
  • 内部:在head内的style
  • 外部:存放在.css文件里
    Alt text

CSS风格

  • 开发时用展开风格,利于开发
  • 上线时用紧凑风格,利于节省体积,加速,(webpack)

CSS三大特性

alt text
alt text
alt text

布局

alt text

浮动 float

alt text
alt text

定位

  • position:用于指定一个元素在文档中的定位方式,top,right,bottom 和 left 属性则决定了该元素的最终位置。
    • relative:

标签:时用,风格,Learning,利于,CSS,属性
From: https://www.cnblogs.com/overlink/p/18034010

相关文章

  • CSS之浮动Float
    前言提到浮动,前端的小伙伴肯定都不陌生,但是随着弹性布局等等一些更好用的标准出来后,用在布局方面少了很多,当初我刚开始接触前端的时候,很习惯用浮动来给元素改变定位,当时还并不是很流行flexbox布局,很多布局会通过浮动来实现,但是使用浮动来布局会产生一些副作用,比如虽然使用浮动可......
  • CSS重置通用浏览器默认样式
    html,body{height:100%;/*文字风格Sans-serif各笔画粗细相同,Serif笔画粗细不同,monospace等宽体,cursive草书,fantasy梦幻*/font-family:'MicrosoftYaHei',sans-serif,'HelveticaNeue',Helvetica,Arial,'黑体','宋体',Arial;......
  • css 动画
    <divclass="quan-box">逐渐放大消失<div>  /*申明一个div的class用于执行动画*/.quan-box{opacity:0;background:#70D97C;position:absolute;//3秒执行完成quan动画,infinite动画会无限次重复播放,steps(40)表示将整个动画过程分割成40个......
  • 爬虫之css选择器
    用soup.select方法#panel节点内部的panel—heading节点print(soup.select('.panel.panel-heading'))#ul里面的liprint(soup.select('ulli'))#id为list-2的内部element节点print(soup.select('#list-2.element'))p......
  • css 清除浮动的方法
    好的,我会增加一些更详细的说明。在web开发的过程中,"浮动"是CSS中可以使元素向左或向右移动,直到他们碰到其父元素边缘或者另一个浮动元素的属性。虽然它很有用,但是如果不正确地处理,它可能会导致一些意想不到的页面布局问题。**清除浮动的方法**:1.**使用clear属性**:HTML......
  • unocss 安装使用
    1.安装pnpmi-Dunocss2.引入在项目根目录新建一个文件uno.config.tsimport{defineConfig,presetAttributify,presetIcons,presetUno}from'unocss'exportdefaultdefineConfig({presets:[presetUno(),presetAttributify(),presetIcons()],shortcuts:{......
  • vue3+vite 移动端适配postcss-pxtorem插件
    1、安装插件npmipostcss-pxtorem-D2、与package.json同级目录创建postcss.config.js文件module.exports={plugins:{autoprefixer:{overrideBrowserslist:["Android4.1","iOS7.1",......
  • css浮动(float)详解
    https://blog.csdn.net/weixin_45123004/article/details/104463619浮动详解一、什么是浮动?浮动,顾名思义,就是漂浮的意思。指的是一个元素脱离文档流,悬浮在父元素之上的现象。二、如何产生浮动?给元素本身添加float属性float: 三、浮动有什么作用?作用:在html文档流中,分为行元......
  • Machine Learning - The Sigmoid Function
    CalculateNodeOutput.TaskYouaregiventhevaluesforw1,w2,b,x1andx2andyoumustcomputetheoutputforthenode.Usethesigmoidastheactivationfunction.InputFormatw1,w2,b,x1andx2ononelineseparatedbyspacesOutputFormatFloatrounded......
  • CSS
    CSS(1)介绍在HTML中,标签(Tag)是用于定义文档结构和内容的元素,而CSS(CascadingStyleSheets,层叠样式表)则用于控制网页的样式和布局。CSS样式表中可以通过选择器(Selectors)来选择HTML中的标签,并为其应用样式。在HTML中,标签(Tag)是用于定义文档结构和内容的元素,而CSS(Cascadi......