首页 > 其他分享 >CSS 样式种类

CSS 样式种类

时间:2022-11-04 22:01:07浏览次数:43  
标签:code Title 样式 anyway height CSS 种类

CSS 样式种类

  • 边框(border)
  • 1)宽度、样式、颜色(border:2px solid red)

    view code
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    	<div style="border:1px solid red">anyway!!!</div>
    	<div style="border:1px dotted green">anyway!!!</div>
    </body>
    </html>
    


  • 其他类:height、width、line-height color font-size font-weight

  • view code
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    	<div style="
    	height: 100px;/*标签高度*/
    	width: 200px;/*标签宽度*/
    	font-size: 24px;/*字体大小*/
    	text-align: center;/*文字左右居中*/
    	line-height: 100px;/*垂直高度根据标签高度*/
    	color: mediumvioletred;/*字体颜色*/
    	font-weight: bold; /*字体加错*/
    	border:1px dotted red;">anyway!!!</div>
    </body>
    </html>
    

    标签:code,Title,样式,anyway,height,CSS,种类
    From: https://www.cnblogs.com/Justin-anyone/p/16856233.html

    相关文章

    • position: sticky 修改吸顶样式
      <divid="parent"><br/><br/><br/><br/><divclass="myElement">Hello!</div></div>#parent{height:2000px;}.myElement{position:stic......
    • 如何设计网页排版和样式 - 前端页面设计
      经过前端页面的优化,请教别人和别人的建议总结出来的两句话,希望可以有所帮助对于没有设计天赋的朋友,不妨可以思考一下下面三句话.设计这东西一定要找素材.自己凭空想......
    • 野花--使用开发者工具查看及调试hover等状态的样式
      第一种:选中需要检查hover状态的元素,在开发者工具中的forceelementstate中强制选择响应的状态,就会显示响应的css样式.但是这种调试依然无法直接在页面上实时看到hove......
    • css3实现滴水效果
      用css3的@keyframe实现一个滴水效果(这gif结束和开始连接有点卡顿)<divclass="drop"><divclass="mother"></div><divclass="water"></div><divclass=......
    • 别整一坨 CSS 代码了,试试这几个实用函数
      https://isdeed.com/article/use-cases-css-comparison-functions/CSS比较函数从2020年4月就开始支持了,我喜欢使用这些函数,但最喜欢的是 clamp(),它也是我最常用的一个。......
    • Java常见错误种类
      算术异常类:ArithmeticExecption空指针异常类:NullPointerException类型强制转换异常:ClassCastException数组负下标异常:NegativeArrayException数组下标越界异常:ArrayInd......
    • 应用程序主题研发有妙招!DevExtreme拥有多种预定义主题样式
      DevExtreme拥有高性能的HTML5/JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NETCore,jQuery,Knockout等)构建交互式的Web应用程序,该套件附带功能......
    • CSS选择器大全48式
      00、CSS选择器CSS的选择器分类如下图,其中最最常用的就是基础选择器中的三种:元素选择器、类选择器、id选择器。伪类选择器就是元素的不同行为、状态,或逻辑。然后不同的选......
    • CSS: Clip Or Crop Images In HTML CSS
       <!doctypehtml><html><head><metacharset="utf-8"> <metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1"><metan......
    • 浅谈自定义组件样式覆盖的方式
      简介有时候,基础组件提供的样式不够,需要在不同模块中使用不同的样式,而且差异大到无法通过一两个属性完成。比如组件的颜色,最常见的有三个区域(文字/图标、背景、边框,常用但......