分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

CSS的应用下

发布时间:2023-09-06 01:16责任编辑:郭大石关键词:CSS

样式继承:

就是父类的颜色如果变了,子类下的div(或者其他属性)会继承父类的。

参考代码:

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title> ???<style> ???????.c1{ ???????????color: red; ???????} ???????p{ ???????????color: green; ???????} ???????ul li a{ ???????????color: RGB(200,122,111); ???????} ???</style><body><div class="c1"> ???DIV1 ???<div class="c2">DIV2</div> ???<p>PPP</p> ???<a href="">click</a></div><ul> ???<li><a href="">11</a></li> ???<li><a href="">22</a></li> ???<li><a href="">2222</a></li> ???<li><a href="">222</a></li></ul></body></html>

 

line-height:高度

  文本行高,通俗地讲,文字高度加上文字上下的空白区域的高度(基于字体的高度)50%等于总高度

verticle-align属性:

  设置元素内容的垂直对其方式,只对行内元素有效,对块级元素无效。

当文字和图片同时存在一行时,是利用底线来对其的,这样的话会造成对不齐的现象。

这时候需要在修改img的属性,在style里边调整:

img{

  vertical-align:middle;(这里的middle也可以改为其他对齐方式)

}

也可以调像素,改为多少px就行。

其他的一些属性:

text-decoration:none ??????text-decoration 属性用来设置或删除文本的装饰。主要是用来删除链接的下划线font-family: ‘Lucida Bright‘font-weight: lighter/bold/border/font-style: obliquetext-indent: 150px; ?????首行缩进150pxletter-spacing: 10px; ?字母间距word-spacing: 20px; ?单词间距text-transform: capitalize/uppercase/lowercase ; 文本转换,用于所有字句变成大写或小写字母,或每个单词的首字母大写

背景属性:

background-color(背景颜色)background-image(背景图片)background-repeat(填充方式:不填充,填充等)background-position(定位位置)background-color: cornflowerblue background-image: url(‘1.jpg‘); background-repeat: no-repeat;(repeat:平铺满) background-position: right top(20px 20px);(距离左边多少,距离上面多少)简写

第9  11:17

CSS的应用下

原文地址:http://www.cnblogs.com/sexiaoshuai/p/7646860.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved