tnblog
首页
视频
资源
登录

前端---CSS

2380人阅读 2019/11/6 17:57 总访问:2380 评论:0 收藏:0 手机
分类: html_css

一,css的三大特性层叠性,继承性,优先级。

1,层叠性:指多种css样式。

如果样式冲突,会以css的书写顺序,将最后的样式为准。

(1).样式冲突,遵循的原则是就近原则。 那个样式离着结构近,就执行那个样式。

(2).样式不冲突,不会层叠。

2.继承性:指书写CSS样式表时,子标签会继承父标签的某些样式。

3.优先级:有两个或以上的规则作用在一个元素时就会有优先级。

       注:优先级要考虑权重;

二,背景

(background)


1,背景颜色    background-color

 2,背景图片地址 background-image

  background-image : none | url (url) 

  无背景图:  none  

  使用绝对或相对地址指定背景图像 : url  

3,是否平铺     background-repeat

背景图像在纵向和横向上平铺 :  repeat 

背景图像不平铺 : no-repeat 

背景图像在横向上平铺 : repeat-x 

背景图像在纵向平铺 : repeat-y  

背景图像在横向上平铺  : repeat-x  

背景图像在纵向平铺 : repeat-y  

4,背景固定还是滚动: background-attachment

5,背景位置  background-position 

6,背景颜色 背景图片地址 背景平铺 背景滚动 背景位置: background

7,背景透明 background:rgba( 0,0,0,0 )

三,盒子border

实线边框 :solid

虚线边框: dashed 

点线边框 :dotted

双实线边框 :double


评价

01-后端开发的-MVC-与前端开发-MVVM-之间的区别

现在网站开发一般都是前台页面与后台的数据交互相互分离的状态,两者之间可以使用 Ajax 远程发送和响应数据,[注意:当然也不...

vue前端)使用微信jsSDK

前端使用微信JSSDK 需绑定域名不能带有http、https开头前端使用时直接引入js 微信提供了两种js 在需要调用JS接...

前端、Cordova安卓、iOS开发,全自学 一个星期多时间累死我了,撑过来了

前言自学前端之路:不知不觉出来工作已经快一个月了,给你们分享一下状况正文最近公司用的项目是ionic框架开发不得不自学哇...

react前端开发环境搭建

(一) 安装Node.js,具体步骤如下首先,我们需要安装Node.js,直接搜索并在官网下载安装包Node.js官网:https://nodejs.org/...

前端好用的导出excel插件,可自定义写导出样式等等

前端好用的导出excel插件,可自定义写导出样式等等github:https://github.com/exceljs/exceljs/blob/HEAD/README_zh.md

@postmapping参数接受_spring-boot如何去获取前端传递的参数

原文链接:https://blog.csdn.net/weixin_39875167/article/details/112091649url里的参数通过url里传过来的参数一般有三种...

前端容器启动时执行命令

dockerfile FROM nginx RUN rm /etc/nginx/conf.d/default.conf ADD ./default.conf /etc/nginx/conf.d COPY ./c...

vue布局模板,前端布局模板,flex布局应用

设计图效果: 代码: <!-- 学习活跃度 --> <template> <div class="learnActivityContainer&q...

前端jsts小写数字转大写

简单的处理就是用一个键值对来匹配写好对应的键值对: const state = reactive({ smallBigDic: { 1: "...

css弹性盒子,flex布局

css弹性盒子由于版本不同浏览器问题造成了一些不同的写法display:flexbox;在google浏览器中如果使用下面的写法就不行displa...

css图片和文字对齐问题

文字和图片写到一排经常会出现对不齐的问题 这样感觉图片会上来一点没有和文字对齐,如下图 但是如果修改下html结...

css实现简单矩形对话框

在前端做项目时,我们可能会遇到写对话框的需求,这次做视频会议页面就遇到了,记录下日后有个参照。//网页部分 <divcla...

如何修改css中存在的element.style内联样式

改腾讯地图的时候调整了下样式,发现样式一直存在问题,修改style里面的值,一点用都没有,html中这个值还找不到是在哪里出...

珍藏!! js css不传之秘集合

<!--其中5指每隔5秒刷新一次页面--> <metahttp-equiv="refresh"content="5"> =========...

css中单位pxem,rem和vh/vw的理解

>px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象内文本的字...
没有个性,不需要签名
排名
137
文章
1
粉丝
1
评论
0
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术