首页 > 其他分享 >css

css

时间:2023-04-25 23:04:28浏览次数:33  
标签:定位 盒子 模型 文档 选择器 css 软件测试

css类似魔术师吧,把骨架html让网页更加饱满。


给背景

给文本

给字体


表格


关系选择器

子代选择器

相邻兄弟选择器

通用兄弟选择器


盒子模型


弹性盒子模型



文档流

脱离文档流

1.绝对定位

2.相对定位

3.浮动



还是感觉自己速度太慢了,我应该多方面出发

mysql

软件测试

javascript

python

python框架

标签:定位,盒子,模型,文档,选择器,css,软件测试
From: https://blog.51cto.com/u_15580157/6225523

相关文章

  • 百度首页静态展示页面HTML+CSS
    一直觉得百度首页很复杂的,有那么多的东西,跟这个博主学习了之后,仿写了一下,样式好像很简单只设置的一些组件的高度而已,不得不说,CSS真是个好东西呀话不多说,直接上代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><title>百度首页</titl......
  • CSS中:root的运用
    CSS中:root的运用:  https://blog.csdn.net/weixin_41829196/article/details/128530267?ops_request_misc=&request_id=&biz_id=102&utm_term=css%20:root&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-0-128530267.142^v86......
  • HTML+CSS学习--HTML表单标签
    表单1:表单标签<form></form>属性:action='接口地址'method='get/post'name='表单名称'2:表单控件<input>属性:type='控件类型'name:属性标识表单域的名称;Value:属性定义表单域的默认值,其他属性根据type的不同而有所变化。maxlength:控制最多输入的字符数,Size:控制框的宽度(......
  • HTML+CSS学习--HTML表单标签
     关注我了解更多web技术知识,带你一路“狂飙”到底!上岸大厂不是梦!表单1:表单标签<form></form>属性:action='接口地址'method='get/post'name='表单名称'2:表单控件<input>属性:type='控件类型'name:属性标识表单域的名称;Value:属性定义表单域的默认值,其他属......
  • css盒子跟随鼠标绘制点和线
    <!DOCTYPEhtml><html> <head>  <metacharset="utf-8"/>  <title></title>  <style>   html,body{    width:100%;    height:100%;   }      #box{    height:100px; ......
  • css 渲染优化的方式
    1、加载性能优化:css压缩、css单一样式、减少使用@import,而建议使用link;2、 选择器性能优化:避免使用通配规则*尽量少的去对标签进行选择,而是用class不要去用标签限定ID或者类选择符:ul#nav,应该简化为#nav尽量少的去使用后代选择器,降低选择器的权重值考虑继承3、渲染......
  • 通过 css 控制 window.print 的样式
    打印页面隐藏打印按钮在button按钮加一个class样式class="print-button-container"调用window.print方法的页面加以下css<stylescopelang="scss">@mediaprint{.table-print-disable{display:none;}@page{/*纵向打印*/size:p......
  • CSS6大种选择器
    一、常用的css基本选择器(4种)1、标签选择器结构: 标签名{css属性名:属性值}作用:通过标签名,找到页面中所有的这类标签,设置样式注意:1.标签选择器选择的是一类标签,而不是单独的一个2.标签选择器无论嵌套关系有多深,都能够找到对应的标签<style>p{color:red;}......
  • HTML-CSS笔记
    HTML一、网页的基本结构和基础1、html基础<!doctypehtml><html> <head> <!--可以通过meta标签来设置网页的字符集,避免乱码的问题--> <metacharset="UTF-8"/> <title>网页的基本结构</title> </head> <body> <!-- 迭代 网页的版本......
  • 如何使用 css 将页面缩小/缩放到 90%
    当我使用像笔记本电脑这样的设备时,它被放大了,当我缩小到90%时,它看起来好多了。我使用了缩放:90%;首先,但这不适用于Firefox或safari。通过一些研究,我发现transform:scale(0.9); 是要走的路。ZoomIE适用。但是,当我这样做时html或body{transform:scale(0.9); 它使网站......