首页 > 其他分享 >CSS

CSS

时间:2023-02-20 14:24:58浏览次数:31  
标签:CSS 样式 HTML 样式表 css 属性

CSS简介:css主要使用场景就是美化网页,布局页面的.是层叠样式表的简称,也会称为css样式表或级联样式表,也是一种标记语言.

css主要用于设置HTML页面中的文本内容(字体,大小,方式,对齐方式等),图片的外形(宽高,边框样式,边距等)以及版面的布局,和外观显示样式.

总结:

1.HTML主要做结构,显示元素内容

2.css美化HTML,布局网页

3.css最大价值:由HTML专注去做结构呈现,样式交给css,即结构(HTML)与样式css相分离

语法规范:h1{color:red; font-size:25px;}

CSS规则由两个主要的部分构成:选择器以及一条或多条声明

1.选择器是用于CSS样式的HTML标签,花括号内是对该对象设置的具体样式

2.属性和属性值以"键值对"的形式出现

3.属性是对指定的对象设置的样式属性,例如:字体大小,文本颜色等.

4.属性和属性值之间用英文":"分开

5.多个"键值对"之间用英文";"进行分开

 

标签:CSS,样式,HTML,样式表,css,属性
From: https://www.cnblogs.com/Wumm/p/17137201.html

相关文章

  • CSS架构之BEM设计模式
    为什么需要CSS架构?其实在日常开发CSS当中,会遇到许多的问题,使用设计模式能够很好的解决。例如在日常开发项目,需要组件化时,组件内部的class样式类管理就非常的杂乱。大部分公......
  • HTML5+CSS3(十)-全面详解(学习总结---从入门到深化)
    ​​Display​​​​编辑 元素隐藏属性对比​​​​学习效果反馈 ​​​​文档流 ​​​​文档流产生的问题 ​​​​空格折叠​​​​元素无空隙​​​​脱离文档流​......
  • CSS背景过滤器-毛玻璃属性(backdrop-filter)
    例如做一个边框特效@keyframeshuerotate{0%{filter:hue-rotate(0deg);}100%{filter:hue-rorate(360deg);}}.border{border-bottom:1p......
  • 前端-css篇
    概念构建CSS盒模型标准盒子模型ie盒子模型margin重叠问题官方解释:块的上外边距(margin-top)和下外边距(margin-bottom)有时合并(折叠)为单个边距,其大小为单个......
  • uni-app:template、js、css中判断平台(hbuilderx 3.6.18)
    一,代码:<template><viewstyle=""><viewstyle="margin-top:30rpx;width:710rpx;margin-left:20rpx;text-align:center;font-size:50rpx;"><......
  • 摄像头视频云台控制PTZ前端html css原生样式源码分享
        ​<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">......
  • css表盘刻度
    画表盘刻度有如下思路1.刻度使用真实节点矩形实现(节点多)若配合投影,可以减少至1/4的节点。1.1若节点定位在0点,则旋转源点必须是圆心,用transform-origin带上半径处理......
  • Java Web(三)HTML 和 CSS
    HTML和CSS什么是HTML?HTML是一门语言,所有的网页都是用HTML这门语言编写出来的HTML(HyperTextMarkupLanguage):超文本标记语言 超文本:超越了文本的限制,比普通文本更强大......
  • 使用Animate.css制作超炫的CSS3动画
    Animate.css是一个超强的CSS3动画库,它使用简单,只需要将相关效果对应的class加入页面元素中,就能实现翻转、滑动、旋转等等复杂超炫的跨浏览器的动画效果,它让开发这制作页面动......
  • css3实现一个div设置多张背景图片及background-image属性
    引子以前做网页布局的时候,一个div只能设置一张背景图片,设置多个背景的话,要用多个div嵌套才能实现,这样兼容性比较好。若您的网站要求兼容浏览器低版本,建议用这种方法。css3的......