样式表的属性

昨天学习了在样式表中,对标签属性进行编辑,主要是要记忆属性的名称和作用:

1.字体

font-family 字体的样式

font-size 字体大小

font-style:italic; 字体倾斜

font-weight:bold字体加粗

text-decoration:underline; 下划线

overline      上画线

line-through 删除线(或者用<del></del>标签)

color 字体颜色

2.对齐方式

text-align 水平对齐方式

verticl-align:middle; 垂直对齐方式

line-height 行高  把行高设置成和边框的高一样,可以达到垂直居中的效果

3.列表方块

<ul>

<li>

<li>

</ul>

list-style:none; 去掉点

list-style-image:url(图片地址);把序号改为i图片

4.盒子模型

background-color  背景色

background-image  背景图片  后面接url() 括号里填图片位置

background-repeat  背景图片的平铺方式  :no repeat  让图片只显示一次,

background-position  背景图片的位置   center 居中

background-size  背景图片的大小  设置图片的长高,可以写百分比,如果写具体的必须加上单位px;

background-attachment  设置背景图片是否滚动

5.边框边距

margin  外边距  四个参数,上右下左(顺时针顺序)

padding  内边距  上右下左,如果加入了内边距,该元素会相应的变大

border  边框  三个参数  , 边框粗细,边框大小,边框颜色。

6.鼠标指向

hover

cursor:pointer;变成小手

transform 转动角度

box-shadow:5px 5px 0px black 文字阴影 四组值 向右 向下 虚化 颜色

text-shadow 文字阴影

transition 过度效果

boder-radius 圆角

7.其他

z-index 分层

display  显示biock,隐藏none,不占位置

visibility 显示visible  隐藏hidden,占位置

overflow  超出范围 hidden隐藏,超出边框范围的会隐藏 scroll滚动条

这一部分内容比较杂,要多熟悉记忆

时间: 2024-11-02 16:00:29

样式表的属性的相关文章

第一周复习二 (CSS样式表及其属性)

样式表三种写法 1内联写法:style直接写在标签内.个人感觉多用于个别标签,一般情况优先级较高 style="font-size:16px;" 2内嵌写法:写在<head></head>标签内.个人感觉多用于较多或通用的一类标签,用来减少工作量 <style type="text/css"> {} </style> 分为三种: 标签选择器 <style type="text/css">

为什么有时候Css样式表某个属性引用不成功?

首次使用博客,很多东西都在探索,第一篇文章也不知道发布点什么,就随便写写,是在word里面写的,也懒得排版,将就这用吧. 闲着没事找了酷狗的API写了个简单的静态网页,完成了搜索,展示,播放功能.就想着给搜索框写一个搜索推荐的下拉列表框,思路很明确,不写了画图 代码如下 样式表 可是在引用样式表的时候suggbox的样式怎么都运行不出来结果,还特意加了边框背景.但是其它的引用都正常,如图没有边框背景 调试查看也有引用suggest,可并没有发现属性 试着在div里面加了style 居然有效果,那

样式表transition属性详解

transform呈现的是一种变形结果,而Transation呈现的是一种过渡,通俗点说就是一种动画转换过程,如渐显.渐弱.动画快慢等.transition和transform是两种不同的动画模型. 1.transition过渡属性 transition 属性是一个简写属性,用于设置四个过渡属性: 语法 transition: property duration timing-function delay; 值描述transition-property规定设置过渡效果的 CSS 属性的名称. t

样式表的基本概念和属性

这两天学习的主要是样式表基础. 样式表根据分类可以分为三种: 1.内联样式表 和html联合显示,控制精确,但是可重用性差,冗杂多. 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里边. 3.外部样式表 新建一个CSS文件,用来放样式表.如果要在HTML文件中调用样式表,需要在HTML文件中点右键→CSS样式表→附加样式表.一般用link连接方式. 控制器有多种多样如: 1.标签选择器(用标签名做选择器) 2.calss选择器(都是"."开头) 3.ID选择器(&q

HTML 样式表

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

样式表分类及样式属性

样式表分类 1 内联式    在head后加style   在style里写选择器 2 外部式    创建css文本 ,在文本里写样式  用link连接将样式套入 3内嵌式   独立写个样式在必须head后 选择器 1 标签选择器 用表签名做选择器 2  class选择器 都是.{}开头 3 ID选择器       都是以#开头 4  复合选择器    用,隔开表示并列 5  后代选择器     用空格隔开表示后代 6  筛选选择器    用.开头 样式属性 1   <del></del

Andriod React Native 样式表中可用样式属性

写了这么多篇Android React Native的博文,基本上把复杂的东西都搞定了,接下来来看看一些轻松的东西,和布局有关,就是css样式,那么一个View可以设置哪些css样式呢,是和web中的css样式完全一样呢,还是有所不同呢?其实你只要在样式表中书写一个不存在的样式,就会报一大堆错,提示你该样式不存在,然后提供所有可用的样式给你,如图 下面的样式就是样式表中所有可用的属性. "alignItems", "alignSelf", "backfac

jQuery - 02. 样式表属性操作/类操作、动画、显示隐藏、滑入、淡入、停止动画、节点操作、添加对象、清空节点

样式表属性操作.css $("div").css({'width':100,'height':100,'background':'red'}); $("div").css("background","pink"); 类操作 .addClass添加类   $("div").addClass("class"); .removeClass删除类   $("div).removeCla

css样式表中四种属性选择器

css样式表中四种属性选择器1> 简易属性 tag[class]{ font-weight:bold } It will affect all tag with any class. e.g. <h2 class="old" > or <h2 class="new"> 2>精确属性值 a[href="http://www.cnblogs.cn"][title="textTitle"]{fon