13518219792
1、打开adobe dreamweaver，新建一个html页面，进入html页面编辑。
专注于为中小企业提供成都网站建设、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业代县免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千余家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
2、这是新建页面，在代码的body中间编写一个div层。“ctrl+s”另保存到我们知道的目录下，命名为“ceshi.html”然后保存这个页面。
3、在新建css样式文件
4、写样式用".pingmu{}"开始写，给它固定宽高，再添加背景色，让div自适应宽高，超过部分显示滚动条。保存文件。
5、引入这个css样式，通过链接，把刚才写好的css样式引入。保存即可
6、浏览器打开ceshi.html页面，可以看到右边跟底部都多了滚动条，超过的部分可以利用滚动条拖动。
1、引jQuery，然后定义元素的style样式，根据自己的元素来定义，这里随性定义div的style样式。
2、接着我们看样式所带来的效果，接着开始设置点击按钮会产生变化颜色等交互效果。
3、首先，自然是指定好触发变化颜色的事件，可以是经过触发等，这里我就点击即可触发颜色变化。
4、用css()便可以覆盖原来元素的样式了哦。
5、如果是修改元素单个样式，要用逗号隔开，不可以使用冒号哦。
6、这样就可以得到交互效果了，但是这只是一个样式的效果发生了变化，
7、可以用大括号裹住多个样式，逗号分隔样式，然后样式值用冒号
8、最后样式交互就大功告成了，多个样式就会被修改了
1、首先打开hbuilder软件，新建几个默认的复选框。
2、然后在上方的style标签设置input的样式，先设置input的display属性为none，将默认的单选框去掉，在设置一下各个单选框的margin的距离。
3、接着在下方继续设置样式，设置label标签的before和after伪元素，将原有before的单选框选中状态的属性“checked+label”设置变为红色实心框，同时未选中的状态的“label::after”为白色空心方框。
4、最后打开浏览器，即可看到设置好的样式，其中被选中的是红色的实心方框，没被选择的则是没有颜色的方框。
div class="one"流体布局/divdiv class="two"布局/div
.one{width:80%; font-size:em(设置自体的大小，em可以让自体根据浏览器不同而更加优与阅读）;}
.two{width:20%;font-size:em;}
注：通过这样设置，就可能拉动浏览器，盒模型的宽度就会随着你的拉动而变大缩小，但也是有一定限度的。
扩展资料：
关于div的用法
1、div 可定义文档中的分区或节（division/section）。
2、div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记 div，那么该标签的作用会变得更加有效。
3、div 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 div 固有的唯一格式表现。可以通过 div 的 class 或 id 应用额外的样式。
不必为每一个 div 都加上类或 id，虽然这样做也有一定的好处。
可以对同一个 div 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
1、先给想要改字体样式的div加一个class或者id
2、用选择器找到中国div（.class或者#id）
2、在style标签里给这个div写css样式，
!doctype html
html
head
meta charset="UTF-8"
titleDIV+CSS怎么样改字体样式/title
style
.one{
font-family:"微软雅黑"; //把 font-family: "设置字体名称" 里的字体名称改成你需要
font-size:12px; //字体大小
color:red; //字体颜色
font-weight:normal; //加粗 normal默认值 bold粗体 数值100-900
}
/style
/head
body
div class="one"DIV+CSS怎么样改字体样式/div
/body
/html
扩展资料
br换行
bb标签设置加粗/b
ii标签设置斜体/i
uu设置下划线/u
h1最重要的标题H1/h1
h2次要栏目或标题-小标题H2/h2
h3再次要栏目或分类小标题H3/h3
h4文中分类小标题H4/h4
pre定义预格式化文本，空格和换行会保留，常常应用于表示计算机的源代码。/pre
#top ul{font-size:14px;}/*这个就是#top下的ul*/
#middle ul{font-size:20px;}/*这个就是#middle下的ul*/
div ul li{}/*意思就是div下的ul的li，会对所有div下的ul的li起作用*/
#id ul/*id空个加元素，意思就是id的子元素ul*/
